Buttons
Primary, secondary, and tertiary variants define shared appearances. A content block chooses a variant; its text and destination are still configured in that block.
How to configure
Section titled “How to configure”- Open the Theme settings → Brand identity → Buttons gear menu.
- Choose the variant and adjust colors, style, and available rounding.
- Check an example of each variant in the store, including contrast and long labels on mobile.
- In Button blocks inside slides, banners, and editorials, review text, link, and variant.
Options by variant
Section titled “Options by variant”| Variant | Available styles | Typical use |
|---|---|---|
| Primary | Filled or outline. | Buy and main actions. |
| Secondary | Filled, outline, or underlined. | Alternative actions. |
| Tertiary | Filled, outline, or underlined. | Supporting actions, such as View more. |
Border radius ranges from 0 to 40 px. Underlined style disables background and rounding controls; this is expected. For outline style, check line and text color against the section’s actual background.
Buttons and surfaces are different settings
Section titled “Buttons and surfaces are different settings”Brand identity → Surfaces offers no, subtle, medium, or pronounced rounding for elements that use this setting. It does not replace the radius configured for each button variant; components may also offer local rounding.
When the result differs
Section titled “When the result differs”If only one button looks different, check its variant and local block settings. If it opens the wrong destination, review the link; changing style does not fix a URL or create a purchase or discount rule.
Check Brand identity and Troubleshooting and support before rebuilding the section.