Skip to documentation

Discount field

Placement and available controls for the Discount field block.

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.

Color source
Theme colors use Color DNA, Color scheme uses a shared Shopify preset, and Custom affects only this block.Options: Theme colors · Color scheme · Custom
Color schemeConditional
Choose an available Shopify color scheme.
TextConditional
Choose a local color when the relevant custom source is enabled.
Input backgroundConditional
Choose a local color when the relevant custom source is enabled.
Focus and actionConditional
Choose a local color when the relevant custom source is enabled.
Action textConditional
Choose a local color when the relevant custom source is enabled.
Input borderConditional
Choose a local color when the relevant custom source is enabled.
Style
Choose the presentation or source that fits this component.Options: Collapsible · Always visible
Label text
Edit the text shown by this component.
Input placeholder
Edit the text shown by this component.
Button text
Edit the text shown by this component.
Font size
Adjust within the range offered by the theme editor.
Font weight
Choose the presentation or source that fits this component.Options: Normal · Medium · Semi Bold
Text color
Choose a local color when the relevant custom source is enabled.
Input background
Choose a local color when the relevant custom source is enabled.
Input border color
Choose a local color when the relevant custom source is enabled.
Input border radius
Adjust within the range offered by the theme editor.
Button style
Primary, Secondary and Tertiary inherit from Theme Settings > Buttons. Custom uses the local controls below.Options: Primary · Secondary · Tertiary · Custom
Button backgroundConditional
Choose a local color when the relevant custom source is enabled.
Button text colorConditional
Choose a local color when the relevant custom source is enabled.
Button border colorConditional
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 text colorConditional
Choose a local color when the relevant custom source is enabled.
Hover border colorConditional
Choose a local color when the relevant custom source is enabled.
Shadow colorConditional
Choose a local color when the relevant custom source is enabled.
Button border widthConditional
Adjust within the range offered by the theme editor.
Button border radiusConditional
Adjust within the range offered by the theme editor.
Top margin
Adjust within the range offered by the theme editor.
Bottom margin
Adjust within the range offered by the theme editor.

Still need a hand?

Send support your store domain, theme version, error code and what you tried. Keep authentication tokens out of public messages.

Contact Scale support ↗