Collection list
A grid of collections with featured images, overlays, and typography controls. Twenty-seven settings across eight groups.
- Merchant-addable
- Yes
- Settings
- 16
- Block types
- —
- File
sections/collection-list.liquid
Used by default on: Collection list
Screenshots pending
Captures for Collection list at desktop and mobile widths are generated from a live store by
npm run shots. They appear here automatically once that has run.
When to use it
The list-collections template, and home pages that route by category.
Setting it up
- Add the section and write the header under Section header.
- Set columns under Layout settings and card behavior under Card settings.
- Configure Overlay options if your collection images need a scrim behind the text for contrast.
- Set Color schemes and Section spacing.
Where the content comes from
Shopify collection data owns titles and featured images.
Notes and cautions
- If text sits over imagery, use the overlay controls rather than hoping the images are dark enough. Contrast has to hold on every image, not the one you tested.
Section settings
Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.
Content and data
Create custom.sub_collections as a list of collection references on parent collections and custom.parent_collection as a collection reference on child collections. Leave Parent collection empty on every top-level parent. Keep both sides aligned. When no relationships are assigned, all collections show as standalone collections.
Use a main menu with collection links nested one level deep. Parent links create collection groups and child links create subcollections. When the menu has no parent collection links, all collections show as standalone collections.
Layout
Applies to parent collection images at every screen size.
Image crop
Applies to collection images in this section.
Applies when the selected hierarchy source has no valid relationships. A valid hierarchy displays all parent collections.