Guarantee Showcase
Layout, content and available controls for Guarantee Showcase.
Where to find it
Add this section from the theme editor on a supported template.
Available content blocks
- Reassurance
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.
- Guarantee presentation
- Choose the presentation or source that fits this component.
- Panel corner radiusConditional
- Adjust within the range offered by the theme editor.
- Panel bottom inset
- Adjust within the range offered by the theme editor.
- Results image
- Choose an image from your shop. Preview its crop on desktop and mobile.
- Image alt text
- Edit the text shown by this component.
- Show promise icon
- Enable or disable this option and preview the result.
- Icon sourceConditional
- Choose the presentation or source that fits this component.
- Google Material icon nameConditional
- Enter a Material Symbols icon name.
- Icon imageConditional
- Choose an image from your shop. Preview its crop on desktop and mobile.
- Custom SVGConditional
- Paste complete SVG markup.
- Eyebrow
- Edit the text shown by this component.
- Heading
- Bold and italic accents follow 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
- Choose the presentation or source that fits this component.
- Custom heading accentConditional
- Choose a local color when the relevant custom source is enabled.
- Description
- Edit the formatted text for this component.
- Button label
- Edit the text shown by this component.
- Button link
- Choose the destination for this link or button.
- Show button arrow
- Enable or disable this option and preview the result.
- Guarantee note
- Edit the text shown by this component.
- Guarantee Google icon
- Edit the text shown by this component.
- Content width
- Adjust within the range offered by the theme editor.
- Column gap
- Adjust within the range offered by the theme editor.
- Image maximum width
- Adjust within the range offered by the theme editor.
- Image ratio
- Choose the presentation or source that fits this component.
- Image fit
- Choose the presentation or source that fits this component.
- Image radius
- Adjust within the range offered by the theme editor.
- Promise icon size
- Adjust within the range offered by the theme editor.
- 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.
- Banner gradientConditional
- Use the matching control in the theme editor and preview the component before publishing.
- Reassurance row backgroundConditional
- Choose a local color when the relevant custom source is enabled.
- Reassurance row textConditional
- 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.
- Image backgroundConditional
- Choose a local color when the relevant custom source is enabled.
- BorderConditional
- Choose a local color when the relevant custom source is enabled.
- Icon backgroundConditional
- Choose a local color when the relevant custom source is enabled.
- Icon colorConditional
- Choose a local color when the relevant custom source is enabled.
- Button style
- Button appearance is managed in Theme settings > Buttons.
- Desktop top padding
- Adjust within the range offered by the theme editor.
- Desktop 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.
- Legacy placeholder chart label
- Retained for compatibility with existing section data.