Skip to content

All collections

Where you can add it

Not in the Add section list: it comes with its template or section group.

  • Heading — part of this section; fixed: always present, can’t be removed or moved

Heading

SettingTypeDefaultOptions and range
Show breadcrumbsCheckboxOn
Show home link

Shown when Show breadcrumbs is on.

CheckboxOn
Menu

Choose any menu. A menu you don’t show in the header lets breadcrumbs follow their own hierarchy.

Shown when Show breadcrumbs is on.

Menumain-menu
Heading

Make a word italic to set it on the highlight. Leave empty to use the theme’s heading, translated into each of your store’s languages.

Inline rich text—
Heading sizeSelectLarge
  • Medium
  • Large
  • Extra large
Highlight color

Leave empty to use the color scheme’s highlight.

Color—
Show textCheckboxOn
Text

Leave empty to use the theme’s sentence, translated into each of your store’s languages.

Shown when Show text is on.

Rich text—
Show collection countCheckboxOn
SettingTypeDefaultOptions and range
Collections
Collections to showSelectAll collections
  • All collections
  • Selected collections
Collections

Used when Collections to show is set to “Selected collections”, in the order you set here.

Collections—up to 50
Sort

Shown when Collections to show is All collections.

SelectAlphabetically, A–Z
  • Alphabetically, A–Z
  • Alphabetically, Z–A
  • Product count, high to low
  • Product count, low to high
  • Date, new to old
  • Date, old to new
Hide empty collections

Collections without products are left out.

Shown when Collections to show is All collections.

CheckboxOn
Arrangement
Layout

Index sets the names large in rows. On a desktop with a mouse the photograph of the row pointed at follows the pointer; on phones each row shows it beside the name.

SelectGrid of cards
  • Grid of cards
  • Index
Show image

The photograph that follows the pointer on a desktop, and the thumbnails on phones.

Shown when Layout is Index.

CheckboxOn
Feature the first collection

It spans two columns, with a rounded corner.

Shown when Layout is Grid of cards.

CheckboxOn
Columns on desktop

Shown when Layout is Grid of cards.

Range32–5, step 1
Columns on tablet

Shown when Layout is Grid of cards.

Range22–4, step 1
Columns on mobile

Shown when Layout is Grid of cards.

Select1
  • 1
  • 2
Space between columns

The widest the gaps get. They narrow with the screen, as in the design.

Shown when Layout is Grid of cards.

Range20 px8–48 px, step 2
Space between rows

Shown when Layout is Grid of cards.

Range56 px16–96 px, step 4
Pagination
Collections per pageRange2412–48, step 4
StyleSelectLoad more button
  • Load more button
  • Page numbers
  • Infinite scroll
Load to the end

Collections keep loading until the last one, so customers may never reach the footer.

Shown when Style is Infinite scroll.

CheckboxOff
Automatic loads

Then a Load more button appears, so customers can reach the footer.

Shown when Style is Infinite scroll and Load to the end is off.

Range31–10, step 1
Collection card
Image ratio

Adapt keeps the photo’s own proportions.

Shown when Layout is Grid of 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 Layout is Grid of cards.

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

Shown when Layout is Grid of cards.

CheckboxOn
Show product countCheckboxOn
Text on glass

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

Shown when Layout is Grid of cards and Show product count is on.

SelectAuto
  • Auto
  • Light
  • Dark
Show collection descriptionCheckboxOn
Link label

Leave blank to use “Shop”.

Shown when Layout is Grid of cards.

Text—

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

Not in this section: Section width.

Defaults here: Top spacing 68 px (everywhere else: 64 px); Bottom spacing 148 px (everywhere else: 64 px); Top spacing on mobile 24 px (everywhere else: 40 px); Bottom spacing on mobile 88 px (everywhere else: 40 px); Reveal style None (everywhere else: Use theme setting).