Featured collection

Products from a collection as a grid or a slider. Add tabs to switch between collections, and quick filters so shoppers can narrow the products without leaving the page.

In the editor

Featured collection

Where it goes

Any page template, with Add section

In the presets

Index: Cart, Home page; Poster: Cart, Home page; Petal: Cart, Home page

Settings

39

Blocks

Collection tab

App blocks

Yes

When to use it

The featured collection is the workhorse of the home page. Index uses it twice: New in with quick filters, and Bestsellers with tabs. Every preset also places one under the cart, so shoppers with an empty cart have somewhere to go.

Set it up

Quick filters

With Show quick filters on, a row of chips above the products lets shoppers narrow what they see – instantly, without loading a new page:

• By product type: one chip per product type in the section, introduced by Product type filter label.
• On sale: with Show on sale filter.
• Under a price: set Price filter limit, for example 40, to show an Under $40 chip. Use 0 to hide it.

Let customers change products per row adds a small 2/3/4 switch, and Animate the change lets the products glide to their new places. Filters work on the products loaded in the section, so show enough products for them to be useful – 12 or more.

Collection tabs

Add a Collection tab block for each collection, for example Kitchen, Bath and Office. Each tab can have its own Tab label and View all label.

• Tab style: an Underlined row under the heading, or Pills next to the heading.
• Show product count in tabs: small tabular counts after each label.
• Tab change animation: Slide, Fade or None.
• The link next to the heading and the view all button always open the collection of the active tab.

View all

Show view all button adds a button under the products. In View all label, [collection] is replaced with the collection's title – Shop all [collection] becomes Shop all Kitchen. Show how many products are shown adds a quiet Showing 8 of 42 line when the collection has more products than the section shows.

Slider

In the Slider layout, Autoplay slider moves the products along every few seconds (Autoplay speed), and Show part of the next card lets the next product peek in.

All settings

Every setting in the order of the theme editor, with its options and its default value.

Block settings

Related