Submit button

Placement and available controls for the Submit button block.

Scale Theme · v1.9.3 · 1 min read

Where to find it

Open the parent section and use Add block where this block is offered.

Editor controls

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

Label: Edit the text shown by this component.
Color style: Use theme colors for Button DNA. Inherit follows the parent, Color scheme uses a Shopify preset, and Custom exposes local accent colors.Options: Default · Saved color scheme · Custom
Saved color schemeConditional: Choose an available Shopify color scheme.
Button backgroundConditional: Choose a local color when the relevant custom source is enabled.
Button textConditional: Choose a local color when the relevant custom source is enabled.
Button borderConditional: Choose a local color when the relevant custom source is enabled.
Style: Choose the presentation or source that fits this component.Options: Primary · Secondary · Tertiary · Custom (per-block)
BackgroundConditional: Choose a local color when the relevant custom source is enabled.
TextConditional: Choose a local color when the relevant custom source is enabled.
BorderConditional: Choose a local color when the relevant custom source is enabled.
Hover backgroundConditional: Choose a local color when the relevant custom source is enabled.
Hover textConditional: Choose a local color when the relevant custom source is enabled.
Hover borderConditional: Choose a local color when the relevant custom source is enabled.
ShadowConditional: Choose a local color when the relevant custom source is enabled.
Border widthConditional: Adjust within the range offered by the theme editor.
Border radiusConditional: Adjust within the range offered by the theme editor.
Desktop width: Choose the presentation or source that fits this component.Options: Fit · Custom
WidthConditional: Adjust within the range offered by the theme editor.
Mobile width: Choose the presentation or source that fits this component.Options: Fit · Custom
WidthConditional: Adjust within the range offered by the theme editor.