Skip to content

Collection page settings

Your theme

Collection page: filters (sidebar or drawer), sorting, grid size switch, load more, promo tile.

Where to find it: Open the theme editor, use the page picker at the top to open a collection, then select Collection in the sidebar. This section is part of the template and cannot be added to other pages.

Setting Type Default Options Notes
Heading style Select Giant, fitted to full width Giant, fitted to full width, Standard heading
Largest heading size Slider 320 px 80 to 400 px, step 10 Shown when Heading style is Giant, fitted to full width.
Show image Checkbox On
Height Select Medium Small, Medium, Large Shown when Show image is on.
Drift images on scroll Checkbox On Shown when Show image is on.
Show description Checkbox On
Collapse long descriptions Checkbox On Shown when Show description is on.
Setting Type Default Options Notes
Enable filtering Checkbox On Filters come from the Search and Discovery app.
Filter layout on desktop Select Sidebar Sidebar, Horizontal bar, Drawer Filters always open in a drawer on mobile. Shown when Enable filtering is on.
Filter groups open at first Slider 3 0 to 10, step 1 Applies to the sidebar and the drawer. Groups with active filters always start open. Shown when Enable filtering is on and Filter layout on desktop is not Horizontal bar.
Show group names on active filters Checkbox Off Adds the filter name to each removable filter, such as Size: Large. Shown when Enable filtering is on.
Show sorting Checkbox On
Show grid size switch Checkbox On Lets customers switch between larger and smaller product tiles.
Setting Type Default Options Notes
Columns on desktop Slider 3 2 to 5, step 1
Columns on mobile Select 2 columns 1 column, 2 columns
Products per page Slider 24 8 to 36, step 4
Image ratio Select Use theme setting Use theme setting, Adapt to image, Portrait (4:5), Square (1:1), Landscape (4:3)
Pagination Select Page numbers Page numbers, Load more button
Setting Type Default Options Notes
Heading Text
Text Text
Button label Text
Button link Link
Position in the grid Slider 3 1 to 24, step 1
Tile color scheme Color scheme Scheme 2
Setting Type Default Options Notes
Color scheme Color scheme Scheme 1
Layout width Select Page width Page width, Full width
Animation on scroll Select Theme default Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in
Top padding Slider 48 px 0 to 200 px, step 8
Bottom padding Slider 80 px 0 to 200 px, step 8

You can also add any theme block (see Blocks) and app blocks to this section.