Skip to content

Collection list

Where you can add it

Not in section groups: Header, Footer.

Up to 12 blocks.

Collection

SettingTypeDefaultOptions and range
CollectionCollection—
Heading

Overrides the collection’s own title.

Text—
Image

Overrides the collection’s featured image.

Image—
Eyebrow

Shown on the photograph above the name in the Split style.

Shown when the section’s Style is Split.

Text—
SettingTypeDefaultOptions and range
Heading

Make a word italic to emphasize it.

Inline rich textShop by category
Style

Index sets the names large and shows each photograph on hover, or as the row passes on a phone. Split sets the collections side by side as large photographs that widen on hover. Cards is a plain grid.

SelectIndex
  • Index
  • Split
  • Cards
Show product count

Shown when Style is Index or Style is Cards.

CheckboxOn
Description

Shown when Style is Split.

Text—
Link label

Leave blank to use “Explore” on split tiles and “Shop” on cards.

Shown when Style is Split or Style is Cards.

Text—
Image darkening

Darkens the image so the text stays readable over it.

Shown when Style is Split.

Range62 %0–90 %, step 2
Text on glass

Auto picks dark or light text for each glass element from the brightness of the photo behind it.

Shown when Style is Split or Style is Cards and Show product count is on.

SelectAuto
  • Auto
  • Light
  • Dark
Image ratio

Adapt keeps the photo’s own proportions.

Shown when Style is Cards.

SelectPortrait (4:5)
  • Portrait (4:5)
  • Portrait (3:4)
  • Portrait (2:3)
  • Square (1:1)
  • Landscape (4:3)
  • Landscape (16:9)
  • Adapt to image
Image corner radius

Shown when Style is Cards.

Range28 px0–40 px, step 2
Zoom image on hover

Shown when Style is Cards.

CheckboxOn
Show collection description

Shown when Style is Cards.

CheckboxOn
Arrangement
Layout on desktop

Each breakpoint is chosen separately, so a grid on desktop can be a carousel on a phone — or stay a grid.

Shown when Style is not Index.

SelectGrid
  • Grid
  • Carousel
  • Stack
Layout on tablet

Shown when Style is not Index.

SelectGrid
  • Grid
  • Carousel
  • Stack
Layout on mobile

Shown when Style is not Index.

SelectStack
  • Grid
  • Carousel
  • Stack
Columns on desktop

Shown when Style is not Index and Layout on desktop is not Stack.

Range32–5, step 1
Columns on tablet

Shown when Style is not Index and Layout on tablet is not Stack.

Range22–4, step 1
Columns on mobile

Shown when Style is not Index and Layout on mobile is not Stack.

Select1
  • 1
  • 2
Space between products

Shown when Style is not Index.

Range24 px8–48 px, step 2

Settings every section has — Layout, spacing, motion and visibility — the same in every section.

  • Collection list — Category: Collections
    Starts with: Collection, Collection, Collection
  • Collection cards — Category: Collections
    Starts with: Collection, Collection, Collection
  • Collection split — Category: Collections
    Starts with: Collection, Collection, Collection