ThemeLab

Collections list

The page at /collections that lists every collection in your store, sorted the way you choose, as tiles, cards or titles on images.

In the editor
Collections list page
Where it goes
Its own template – open that kind of page in the editor
In the presets
Index: Collections list; Poster: Collections list; Petal: Collections list
Settings
20
App blocks
Yes

Options

  • Heading: the page title, Collections by default.
  • Sort collections: alphabetical, most or fewest products first, oldest or newest first.
  • Style: Tiles with small image, Cards with large image or Title on the image – the same styles as the Collection list section.
  • Columns on desktop: 2–6. Columns on mobile: 1 or 2.
  • Show breadcrumbs above the title.

Every collection that is published to the online store appears here. To hide one from the list, unpublish it or leave it out of your menus – the page itself can't hide individual collections.

All settings

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

Section: Collections list page20 settings
SettingOptionsDefault
Show breadcrumbsCheckboxOn
HeadingTextSample text
Sort collectionsAlphabetical · Most products first · Fewest products first · Oldest first · Newest firstAlphabetical
StyleTiles with small image · Cards with large image · Title on the imageCards with large image
Columns on desktop2–64
Columns on mobile1 · 22
Color schemeColor schemeScheme 1
Grid spacing
Use custom spacingOtherwise the spacing from Theme settings > Layout is used.CheckboxOff
Space between columns0–64px20px
Space between rows0–96px20px
Space between columns on mobile0–32px8px
Space between rows on mobile0–64px21px
Section spacing
Top padding0–160px80px
Bottom padding0–160px80px
Top padding on mobile0–120px56px
Bottom padding on mobile0–120px56px
Advanced
Hide on mobileCheckboxOff
Hide on desktopMobile means below the width where the header switches to the mobile menu (Header > Switch to the mobile menu below).CheckboxOff
Animate on scrollCheckboxOn
Anchor IDLink to this section with #anchor-id.Text–
Collection listYour collections as small tiles, large cards or titles on images, in a grid or slider – the department tiles of the Index home page.Product gridThe collection page – banner, subcollection chips, filters, sorting, a 2/3/4 or list view, pagination and a promo tile.