Heading
Main title shown above the benefit row. Default: Why customers choose us.
Usage
- Keep it short and trust-focused (for example quality, service, or expertise).
- Leave blank to hide the heading and show only benefit items.
Product benefits
Product benefits is a styled trust row with a heading, icon-led benefit blocks, and an optional footer tagline. Use it to showcase guarantees, craftsmanship, or service promises with customizable colors and a solid, gradient, or image background.
Storefront preview
Storefront preview
Where to find this section
Where to find this
Themes → Customize → Add section → Product benefits
Find it under the Trust and reviews group in the section picker. After adding the section, use Add Benefit item to add one block per benefit.
Theme editor section list
Content
Heading color
Sets the color of the section heading. Default: #111111.
Usage
- Pick a color that reads clearly on your chosen background.
- Match your brand heading color for a consistent look across the store.
Subheading
Supporting line below the heading. Default: Showcase your core benefits or guarantees.
Usage
- Use one sentence to set context before customers read each benefit.
- Leave blank if the heading alone is enough.
Subheading color
Sets the color of the subheading text. Default: #B9782D.
Usage
- Use a secondary brand tone so the subheading sits below the heading visually.
- Check contrast on solid, gradient, and image backgrounds before publishing.
Tagline
Closing line shown below the benefit row (for example Designed to linger beyond the moment.). Default: Designed to linger beyond the moment.
Usage
- Add a short brand statement or philosophy line to finish the section.
- Leave blank to hide the tagline and author line.
- Connect a dynamic source if you store taglines in metafields.
Tagline color
Sets the color of the tagline text. Default: #111111.
Usage
- Keep the tagline readable against your background style.
- Pair with Author color when both lines should match.
Author
Sign-off or attribution beside the tagline (for example — Our philosophy). Default: — Our philosophy
Usage
- Use for a brand name, collection name, or short attribution after the tagline.
- Leave blank to show the tagline only.
- Connect a dynamic source when the sign-off comes from metafields.
Author color
Sets the color of the author line. Default: #333333.
Usage
- Slightly softer than the tagline color works well for attribution text.
- Adjust if the author line disappears on dark or busy backgrounds.
Benefit item color
Sets the text color for each benefit item heading and description. Default: #333333.
Usage
- Apply one color across all benefit blocks for a clean, aligned row.
- Adjust after changing the background so icons and text stay easy to read.
Background
Background type
Chooses how the section background is filled. Default: Solid.
Usage
- Pick Solid for a single flat color behind the row.
- Pick Gradient for a color blend; the editor shows Gradient.
- Pick Image for a full-width photo; the editor shows Background image.
Background
Fill color when Background type is Solid. Default color: #F8F7F3.
Usage
- Use a soft neutral to separate this trust row from surrounding sections.
- Visible only when Background type is set to Solid.
Gradient
Color blend when Background type is Gradient. Choose a gradient preset in the picker. Default: warm pink-to-cream gradient (#FFF5F0 to #FCE9F1).
Usage
- Pick a preset that complements your brand palette.
- Visible only when Background type is set to Gradient.
Background image
Full-width background photo when Background type is Image. Recommended size: 2000 px wide; upload 4000 px for retina quality.
Usage
- Use a subtle texture or lifestyle image that does not compete with benefit text.
- Check text contrast after uploading—adjust Colors if needed.
- Visible only when Background type is set to Image.
Benefit item block
Icon
Image shown above each benefit title. Recommended size: 70 px; upload 140 px for sharp display on retina screens.
Usage
- Add one Benefit item block per selling point with Add Benefit item.
- Use consistent icon style and size across all items in the row.
- Transparent PNG or SVG icons work best on colored backgrounds.
Alt text
Describes the icon for screen readers when the image adds meaning beyond decoration.
Usage
- Enter a short label when the icon conveys information not already in the heading.
- Leave blank for decorative icons when the benefit heading is descriptive enough.
Heading
Title for this benefit (for example Expertly crafted). Shown below the icon.
Usage
- Keep titles concise so three or four items align cleanly in the row.
- Leave blank to hide the title for this block.
Description
Supporting line under the benefit heading (for example Layered with rare accords by master perfumers.).
Usage
- Expand on the heading with one clear sentence.
- Leave blank to show the icon and heading only.
Section spacing
Section spacing
Adds empty space above and below this section on desktop and mobile.
Usage
- Top padding (desktop) — Default: 40 px · 0–100 px
- Bottom padding (desktop) — Default: 40 px · 0–100 px
- Top padding (mobile) — Default: 40 px · 0–100 px
- Bottom padding (mobile) — Default: 40 px · 0–100 px
- When you move the slider, the gap above or below grows or shrinks