Skip to documentation

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.Options: All devices · Desktop only · Mobile only
Guarantee presentation
Choose the presentation or source that fits this component.Options: Original showcase · Inset banner and reassurance row
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.Options: Google Material icon · Image · Custom SVG
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.Options: Theme setting · Highlight
Heading accent color source
Choose the presentation or source that fits this component.Options: Heading DNA · Custom
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.Options: Square · Landscape · Wide
Image fit
Choose the presentation or source that fits this component.Options: Contain · Cover
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.Options: Use theme colors · Choose a color scheme · Set custom colors
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.Options: Primary · Secondary · Tertiary
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.

Still need a hand?

Send support your store domain, theme version, error code and what you tried. Keep authentication tokens out of public messages.

Contact Scale support ↗