Craving benefits
Layout, content and available controls for Craving benefits.
Where to find it
Add this section from the theme editor on a supported template.
Available content blocks
- Benefit
Editor controls
Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.
- Display section ID
- Enable or disable this option and preview the result.
- Display on
- Choose the presentation or source that fits this component.
- Heading
- Use bold or italic in this heading to apply the global Heading DNA accent style. Change it in Theme settings > Typography.
- Accent effect
- Highlight adds a slanted color plate behind bold or italic heading text. The existing accent color controls set its background.
- Heading accent color source
- Global accent styling is managed in Theme settings > Typography; choose Custom for a local color.
- Custom accent colorConditional
- Choose a local color when the relevant custom source is enabled.
- Accent headingConditional
- Edit the text shown by this component.
- Italic accent headingConditional
- Enable or disable this option and preview the result.
- Text
- Edit the formatted text for this component.
- Product image
- Choose an image from your shop. Preview its crop on desktop and mobile.
- Show image first on mobile
- Enable or disable this option and preview the result.
- Color source
- Theme colors follow Theme settings > Colors. Other sources apply only to this section.
- Color schemeConditional
- Choose an available Shopify color scheme.
- BackgroundConditional
- Choose a local color when the relevant custom source is enabled.
- HeadingConditional
- Choose a local color when the relevant custom source is enabled.
- TextConditional
- Choose a local color when the relevant custom source is enabled.
- AccentConditional
- Choose a local color when the relevant custom source is enabled.
- Accent textConditional
- Choose a local color when the relevant custom source is enabled.
- BorderConditional
- Choose a local color when the relevant custom source is enabled.
- Max width
- Adjust within the range offered by the theme editor.
- Heading size
- Adjust within the range offered by the theme editor.
- Image radius
- Adjust within the range offered by the theme editor.
- Top padding
- Adjust within the range offered by the theme editor.
- Bottom padding
- Adjust within the range offered by the theme editor.
- Mobile top padding
- Adjust within the range offered by the theme editor.
- Mobile bottom padding
- Adjust within the range offered by the theme editor.