Heading
Main title shown above the benefit row. Default: Made for scent discovery.
Usage
- Keep it short so customers quickly understand what the row represents.
- Leave blank to hide the heading and show only benefit items.
Benefits bar
Benefits bar is a compact row of icon-led selling points with a section heading and subheading. Add up to four Benefit item blocks to highlight shipping, gifting, discovery, or quality promises in a clean horizontal layout.
Storefront preview
Storefront preview
Where to find this section
Where to find this
Themes → Customize → Add section → Benefits bar
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 (maximum 4).
Theme editor section list
Content
Subheading
Supporting line below the heading. Default: Explore fragrance with confidence, from first sample to full bottle.
Usage
- Use one concise sentence to reinforce your brand promise.
- Leave blank if the heading alone is enough context.
Appearance
Heading color
Color for the section heading and each benefit item title. Default color: #111111.
Usage
- Pick a dark tone so titles stay readable on light page backgrounds.
- Sets the color for the main section heading and every Benefit item heading.
Description color
Color for the section subheading and each benefit item description. Default color: #666666.
Usage
- Use a softer gray so supporting lines sit below headings without competing.
- Sets the color for the section subheading and every Benefit item description.
Benefit item block
Icon
Small image shown above each benefit title. Recommended size: 40 px; upload 80 px for sharp display on retina screens.
Usage
- Add one Benefit item block per selling point with Add Benefit item.
- Use simple line icons or brand marks on a transparent background.
- Keep icons visually consistent across all items in the row.
Alt text
Describes the icon for screen readers when the image adds meaning beyond decoration.
Usage
- Enter a short label (for example Fast shipping icon) when the icon conveys information.
- Leave blank for purely decorative icons when the heading already explains the benefit.
Heading
Title for this benefit (for example Signature blends). Shown below the icon.
Usage
- Keep titles to a few words so four items fit cleanly in one row on desktop.
- Leave blank to hide the title for this block while keeping the description.
Description
Short supporting line under the benefit heading (for example Layered notes designed for everyday elegance.).
Usage
- Use one sentence to expand on the heading without repeating it.
- 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