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.
- 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.
- 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.
- 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.
- 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.