Skip to content

Collection

Collection renders the product grid for a collection page, with optional filtering and sorting. Filtering needs both halves: turning it on is not enough on its own, and no filter panel renders until Search & Discovery actually has filters configured. Column counts are set separately for desktop and mobile, and the first visible mobile row loads eagerly rather than lazily. An optional promo card can be placed inside the grid.

Setting Type Default What it does
Color scheme color_scheme scheme-1 Controls color scheme.
Layout header Groups related controls in the Theme Editor.
Products per page range 12 Controls products per page from 8 to 48.
Columns on desktop range 3 Controls columns on desktop from 2 to 4.
Columns on mobile select 2 Choose one of: 1, 2.
Filtering and sorting header Groups related controls in the Theme Editor.
Enable filtering checkbox true Controls enable filtering.
Enable sorting checkbox true Controls enable sorting.
Promo tile header Groups related controls in the Theme Editor.
Show promo tile in grid checkbox true Controls show promo tile in grid.
Kicker text ★ Build your stack Controls kicker.
Heading text Stack 3 · save 15% Controls heading.
Text text Let a goal build the regimen for you. Controls text.
Button label text Open builder Controls button label.
Button link url Controls button link.

This section does not accept blocks.

sections/collection.liquid