Price
Placement and available controls for the Price block.
Where to find it
Open the parent section and use Add block where this block is offered.
Usage notes
Displays price from parent product
Fiyat boyutu sabit 32px olarak ayarlanmıştır. Discount badge boyutu da sabitlenmiştir.
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.
- Price textConditional
- Choose a local color when the relevant custom source is enabled.
- Discount badgeConditional
- Choose a local color when the relevant custom source is enabled.
- Badge textConditional
- Choose a local color when the relevant custom source is enabled.
- Show sale price first
- Enable or disable this option and preview the result.
- Installments
- Enable or disable this option and preview the result.
- Tax information
- Enable or disable this option and preview the result.
- Price color
- Choose a local color when the relevant custom source is enabled.
- Compare-at price color
- Choose a local color when the relevant custom source is enabled.
- Show Discount Badge
- Enable or disable this option and preview the result.
- Badge TextConditional
- Use % alone for auto percentage (e.g., 'SAVE %' → 'SAVE 26%'). Write full text for manual (e.g., 'SAVE 26%' stays as is)
- Badge Background ColorConditional
- Choose a local color when the relevant custom source is enabled.
- Badge Text ColorConditional
- Choose a local color when the relevant custom source is enabled.
- Font WeightConditional
- Adjust within the range offered by the theme editor.
- Badge corner radiusConditional
- Adjust within the range offered by the theme editor.
- Badge vertical paddingConditional
- Adjust within the range offered by the theme editor.
- Badge horizontal paddingConditional
- Adjust within the range offered by the theme editor.
- Badge border widthConditional
- Adjust within the range offered by the theme editor.
- Badge border colorConditional
- Choose a local color when the relevant custom source is enabled.
- Width
- Choose the presentation or source that fits this component.
- AlignmentConditional
- Use the matching control in the theme editor and preview the component before publishing.
- Top
- Adjust within the range offered by the theme editor.
- Bottom
- Adjust within the range offered by the theme editor.
- Left
- Adjust within the range offered by the theme editor.
- Right
- Adjust within the range offered by the theme editor.