- File:
sections/collection.liquid - Not in Add section: part of a fixed template or section group
- Used in: collection
Section settings
| Setting | Type | Options | Default | Notes |
|---|---|---|---|---|
| Show breadcrumbs | checkbox | On | ||
| Products per page | range | 8 to 48, step 4 | 24 | |
| Products per row on desktop | range | 2 to 5, step 1 | 3 | |
| Products per row on mobile | select | 1, 2 | 2 | |
| Enable filtering | checkbox | On | Customize filters in the Shopify Search and Discovery app. | |
| Filter position | select | Sidebar on the left, Sidebar on the right, Row above the products, Drawer opened by a button | Sidebar on the left | On phones, filters always open from a Filters button. Shown when section.settings.enable_filtering. |
| Open filter groups | select | Price and groups in use, All, Only groups in use | Price and groups in use | Shown when section.settings.enable_filtering and section.settings.filter_layout != 'top'. |
| Values shown before Show more | range | 0 to 20, step 1 | 8 | Keeps long filters short. 0 shows every value. Shown when section.settings.enable_filtering. |
| Show product counts | checkbox | On | Shown when section.settings.enable_filtering. |
|
| Enable sorting | checkbox | On | ||
| Pagination | select | Numbered pages, Load more button, Infinite scroll | Numbered pages | Page links stay in the page for search engines in every mode. |
| Show collection image | checkbox | On | ||
| Card animation on scroll | select | Flow, columns drift as you scroll, Bloom in, Rise in, None | Flow, columns drift as you scroll | Needs scroll effects turned on in Theme settings, Motion. |
| Column drift | range | 0 to 100 px, step 10 | 40 px | Shown when section.settings.card_animation == 'flow'. |
Image shape
| Setting | Type | Options | Default | Notes |
|---|---|---|---|---|
| Image shape | select | Use product card setting, Adapt to each image, Portrait (4:5), Tall portrait (3:4), Poster (2:3), Square, Landscape (3:2), Wide (16:9) | Use product card setting | |
| Image display | select | Use product card setting, Cropped to fill the frame, Whole image, never cropped | Use product card setting | |
| Color scheme | color_scheme | scheme-1 |
Custom colors
| Setting | Type | Options | Default | Notes |
|---|---|---|---|---|
| Use custom colors | checkbox | Off | Overrides the color scheme for this section only. | |
| Background | color | #faf6f0 | Shown when section.settings.use_custom_colors. |
|
| Text | color | #2e241b | Shown when section.settings.use_custom_colors. |
|
| Button | color | #2e241b | Shown when section.settings.use_custom_colors. |
|
| Button label | color | #ffffff | Shown when section.settings.use_custom_colors. |
|
| Accent and links | color | #546633 | Keep text and background at a contrast of 4.5 to 1. Shown when section.settings.use_custom_colors. |
|
| Top padding | range | 0 to 160 px, step 4 | 48 px | |
| Bottom padding | range | 0 to 160 px, step 4 | 80 px |