All collections
Where you can add it
Not in the Add section list: it comes with its template or section group.
Blocks
Section titled “Blocks”- Heading — part of this section; fixed: always present, can’t be removed or moved
Heading
| Setting | Type | Default | Options and range |
|---|---|---|---|
| Show breadcrumbs | Checkbox | On | |
| Show home link Shown when Show breadcrumbs is on. | Checkbox | On | |
| 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. | Menu | main-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 size | Select | Large | |
| Highlight color Leave empty to use the color scheme’s highlight. | Color | — | |
| Show text | Checkbox | On | |
| 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 count | Checkbox | On |
Settings
Section titled “Settings”| Setting | Type | Default | Options and range |
|---|---|---|---|
| Collections | |||
| Collections to show | Select | All 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. | Select | Alphabetically, A–Z | |
| Hide empty collections Collections without products are left out. Shown when Collections to show is All collections. | Checkbox | On | |
| 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. | Select | Grid of cards | |
| Show image The photograph that follows the pointer on a desktop, and the thumbnails on phones. Shown when Layout is Index. | Checkbox | On | |
| Feature the first collection It spans two columns, with a rounded corner. Shown when Layout is Grid of cards. | Checkbox | On | |
| Columns on desktop Shown when Layout is Grid of cards. | Range | 3 | 2–5, step 1 |
| Columns on tablet Shown when Layout is Grid of cards. | Range | 2 | 2–4, step 1 |
| Columns on mobile Shown when Layout is Grid of cards. | Select | 1 | |
| Space between columns The widest the gaps get. They narrow with the screen, as in the design. Shown when Layout is Grid of cards. | Range | 20 px | 8–48 px, step 2 |
| Space between rows Shown when Layout is Grid of cards. | Range | 56 px | 16–96 px, step 4 |
| Pagination | |||
| Collections per page | Range | 24 | 12–48, step 4 |
| Style | Select | Load more button | |
| Load to the end Collections keep loading until the last one, so customers may never reach the footer. Shown when Style is Infinite scroll. | Checkbox | Off | |
| 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. | Range | 3 | 1–10, step 1 |
| Collection card | |||
| Image ratio Adapt keeps the photo’s own proportions. Shown when Layout is Grid of cards. | Select | Portrait (4:5) | |
| Image corner radius Shown when Layout is Grid of cards. | Range | 28 px | 0–40 px, step 2 |
| Zoom image on hover Shown when Layout is Grid of cards. | Checkbox | On | |
| Show product count | Checkbox | On | |
| 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. | Select | Auto | |
| Show collection description | Checkbox | On | |
| 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). | |||