Heading
Main title centered above the product row. Default: Most popular products. Leave blank to hide the heading.
Usage
- Use a short headline that introduces the collection products.
- Keep to one line for a clean centered layout.
Featured collection
Featured collection shows products from a collection you choose, with a centered heading and subheading above the row. Display them in a static product grid or a slideshow, and control how many cards appear per row on desktop, tablet, and mobile.
Storefront preview
Storefront preview
Where to find this section
Where to find this
Themes → Customize → Add section → Featured collection
Find it under Products in the section picker. Pick a collection, choose list or slideshow layout, and set how many products to show.
Theme editor section list
Content
Subheading
Supporting line under the heading. Default: Top-selling scents loved by fragrance fans worldwide. Leave blank to show the heading only.
Usage
- Add one or two sentences that explain what the products represent.
- Leave blank for a heading-only section.
Products
Collection
Choose which collection supplies the products shown in this section.
Usage
- Pick a collection with enough products to fill the row or slideshow.
- Without a collection, placeholder product cards appear until you connect one.
Layout
How products are displayed. Options: Product list or Product slideshow. Default: Product list.
Usage
- Pick Product list for a static grid of product cards.
- Pick Product slideshow for a swipeable carousel; Slideshow controls settings apply.
Products to show
Maximum number of products pulled from the selected collection. Range: 1–25. Default: 8.
Usage
- Match this count to how many products you want in the grid or carousel.
- In slideshow mode, fewer products mean fewer slides and dots when pagination is on.
Product layout
Columns on desktop
How many product cards appear per row on large screens. Options: 2, 3, 4, or 5 columns. Default: 4.
Usage
- Use 4 columns for a balanced product row on desktop.
- Lower the count when product titles or images need more space.
Columns on tablet
How many product cards appear per row on tablet screens. Options: 2, 3, or 4 columns. Default: 3.
Usage
- Use 3 columns for a balanced mid-size layout.
- Adjust if cards feel cramped or too sparse on tablet widths.
Columns on mobile
How many product cards appear per row on phones. Options: 1 or 2 columns. Default: 2.
Usage
- Use 2 columns for a compact mobile grid.
- Switch to 1 column for larger product cards on small screens.
Slideshow controls
Show pagination dots
Shows dot indicators below the product slideshow when there is more than one slide. Applies when Layout is Product slideshow. Default: On.
Usage
- Turn on so shoppers can see how many slides there are and jump between them.
- Turn off for a cleaner carousel when autoplay or swipe is enough.
Enable autoplay
Automatically advances the product slideshow after the time set in Autoplay speed. Applies when Layout is Product slideshow. Default: Off.
Usage
- Turn on to rotate products without customer interaction.
- Turn off so slides stay put until the customer swipes or uses dots.
Autoplay speed
Time each slide stays visible before autoplay moves to the next. Range: 2–10 s (step 2). Default: 6 s. Applies when Layout is Product slideshow.
Usage
- Use a slower speed when product cards have long titles or rich imagery.
- Applies only when Enable autoplay is turned on.
Dot color
Color of the pagination dots below the slideshow. Default color: #000000. Applies when Layout is Product slideshow.
Usage
- Pick a color that stays visible against the section background.
- Applies when Show pagination dots is turned on.
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