Buttons

Global theme settings and how their controls affect supported sections and blocks.

Scale Theme · v1.9.3 · 1 min read

Where to find it

Open Theme settings in the Shopify theme editor.

Usage notes

Configure this premium button once, then select Tertiary in a section or button block. Primary and Secondary continue to use the active color source.

Used for applied filters, discount codes, and search suggestions

Editor controls

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Border thickness: Adjust within the range offered by the theme editor.
Corner radius: Adjust within the range offered by the theme editor.
Font: Choose the presentation or source that fits this component.Options: Body · Accent
Text case: Choose the presentation or source that fits this component.Options: Default · Uppercase
Border thickness: Adjust within the range offered by the theme editor.
Corner radius: Adjust within the range offered by the theme editor.
Font: Choose the presentation or source that fits this component.Options: Body · Accent
Text case: Choose the presentation or source that fits this component.Options: Default · Uppercase
Text: Choose a local color when the relevant custom source is enabled.
Background: Choose a local color when the relevant custom source is enabled.
Background gradient: Use the matching control in the theme editor and preview the component before publishing.
Enable border: Enable or disable this option and preview the result.
BorderConditional: Choose a local color when the relevant custom source is enabled.
Hover text: Choose a local color when the relevant custom source is enabled.
Hover background: Choose a local color when the relevant custom source is enabled.
Hover borderConditional: Choose a local color when the relevant custom source is enabled.
3D Shadow color: Choose a local color when the relevant custom source is enabled.
3D Shadow opacity: Adjust within the range offered by the theme editor.
3D Shadow distance: Adjust within the range offered by the theme editor.
3D Shadow softness: Adjust within the range offered by the theme editor.
Border thicknessConditional: Adjust within the range offered by the theme editor.
Corner radius: Adjust within the range offered by the theme editor.
Font: Choose the presentation or source that fits this component.Options: Body · Accent
Text case: Choose the presentation or source that fits this component.Options: Default · Uppercase
Enable hover lift effect: Enable or disable this option and preview the result.
Enable sliding highlight: Enable or disable this option and preview the result.
Highlight durationConditional: Adjust within the range offered by the theme editor.
Corner radius: Adjust within the range offered by the theme editor.
Sliding shine on Primary, Secondary and Custom buttons: Enable or disable this option and preview the result.
3D bottom edge: Adjust within the range offered by the theme editor.
Shadow intensity: Adjust within the range offered by the theme editor.