Product Labels
Placement and available controls for the Product Labels 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.
- Label 1 Material Symbol
- Optional Google Material Symbol name. Leave blank for the existing icon.
- Label 2 Material Symbol
- Edit the text shown by this component.
- Label 3 Material Symbol
- Edit the text shown by this component.
- Label 4 Material Symbol
- Edit the text shown by this component.
- Label 5 Material Symbol
- Edit the text shown by this component.
- Label 6 Material Symbol
- Edit the text shown by this component.
- 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.
- Label backgroundConditional
- Choose a local color when the relevant custom source is enabled.
- Label textConditional
- Choose a local color when the relevant custom source is enabled.
- Label borderConditional
- Choose a local color when the relevant custom source is enabled.
- Top Padding
- Adjust within the range offered by the theme editor.
- Bottom Padding
- Adjust within the range offered by the theme editor.
- Icon 1
- Edit the text shown by this component.
- Text 1
- Edit the text shown by this component.
- Background Color 1
- Choose a local color when the relevant custom source is enabled.
- Border Color 1
- Choose a local color when the relevant custom source is enabled.
- Shadow Color 1
- Choose a local color when the relevant custom source is enabled.
- Icon 2
- Edit the text shown by this component.
- Text 2
- Edit the text shown by this component.
- Background Color 2
- Choose a local color when the relevant custom source is enabled.
- Border Color 2
- Choose a local color when the relevant custom source is enabled.
- Shadow Color 2
- Choose a local color when the relevant custom source is enabled.
- Icon 3
- Edit the text shown by this component.
- Text 3
- Edit the text shown by this component.
- Background Color 3
- Choose a local color when the relevant custom source is enabled.
- Border Color 3
- Choose a local color when the relevant custom source is enabled.
- Shadow Color 3
- Choose a local color when the relevant custom source is enabled.
- Icon 4
- Edit the text shown by this component.
- Text 4
- Edit the text shown by this component.
- Background Color 4
- Choose a local color when the relevant custom source is enabled.
- Border Color 4
- Choose a local color when the relevant custom source is enabled.
- Shadow Color 4
- Choose a local color when the relevant custom source is enabled.
- Icon 5
- Edit the text shown by this component.
- Text 5
- Edit the text shown by this component.
- Background Color 5
- Choose a local color when the relevant custom source is enabled.
- Border Color 5
- Choose a local color when the relevant custom source is enabled.
- Shadow Color 5
- Choose a local color when the relevant custom source is enabled.
- Icon 6
- Edit the text shown by this component.
- Text 6
- Edit the text shown by this component.
- Background Color 6
- Choose a local color when the relevant custom source is enabled.
- Border Color 6
- Choose a local color when the relevant custom source is enabled.
- Shadow Color 6
- Choose a local color when the relevant custom source is enabled.