# Collection page settings

Source: https://themes.spicydesign.ca/help/reference/templates/collection/
Updated: 2026-11-12

Collection page: filters (sidebar or drawer), sorting, grid size switch, load more, promo tile.


Collection page: filters (sidebar or drawer), sorting, grid size switch, load more, promo tile.

**Where to find it:** Open the theme editor, use the page picker at the top to open a collection, then select **Collection** in the sidebar. This section is part of the template and cannot be added to other pages.


## Settings

### Banner

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Heading style | Select | Giant, fitted to full width | Giant, fitted to full width, Standard heading |  |
| Largest heading size | Slider | 320 px | 80 to 400 px, step 10 | Shown when **Heading style** is Giant, fitted to full width. |
| Show image | Checkbox | On |  |  |
| Height | Select | Medium | Small, Medium, Large | Shown when **Show image** is on. |
| Drift images on scroll | Checkbox | On |  | Shown when **Show image** is on. |
| Show description | Checkbox | On |  |  |
| Collapse long descriptions | Checkbox | On |  | Shown when **Show description** is on. |

### Filters and sorting

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Enable filtering | Checkbox | On |  | Filters come from the Search and Discovery app. |
| Filter layout on desktop | Select | Sidebar | Sidebar, Horizontal bar, Drawer | Filters always open in a drawer on mobile. Shown when **Enable filtering** is on. |
| Filter groups open at first | Slider | 3 | 0 to 10, step 1 | Applies to the sidebar and the drawer. Groups with active filters always start open. Shown when **Enable filtering** is on and **Filter layout on desktop** is not Horizontal bar. |
| Show group names on active filters | Checkbox | Off |  | Adds the filter name to each removable filter, such as Size: Large. Shown when **Enable filtering** is on. |
| Show sorting | Checkbox | On |  |  |
| Show grid size switch | Checkbox | On |  | Lets customers switch between larger and smaller product tiles. |

### Product grid

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Columns on desktop | Slider | 3 | 2 to 5, step 1 |  |
| Columns on mobile | Select | 2 columns | 1 column, 2 columns |  |
| Products per page | Slider | 24 | 8 to 36, step 4 |  |
| Image ratio | Select | Use theme setting | Use theme setting, Adapt to image, Portrait (4:5), Square (1:1), Landscape (4:3) |  |
| Pagination | Select | Page numbers | Page numbers, Load more button |  |

### Promo tile

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Heading | Text |  |  |  |
| Text | Text |  |  |  |
| Button label | Text |  |  |  |
| Button link | Link |  |  |  |
| Position in the grid | Slider | 3 | 1 to 24, step 1 |  |
| Tile color scheme | Color scheme | Scheme 2 |  |  |

### Section style

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Color scheme | Color scheme | Scheme 1 |  |  |
| Layout width | Select | Page width | Page width, Full width |  |
| Animation on scroll | Select | Theme default | Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in |  |
| Top padding | Slider | 48 px | 0 to 200 px, step 8 |  |
| Bottom padding | Slider | 80 px | 0 to 200 px, step 8 |  |

## Blocks

You can also add any theme block (see [Blocks](https://themes.spicydesign.ca/help/reference/blocks/heading/)) and app blocks to this section.