Overview
Collection pages display your products in a grid, along with additional controls for sorting, filtering, and more.
Guidelines
Customize section
Steps:
- From your Shopify admin, go to Online Store > Themes.
- Find chord theme that you want to edit, and then click Customize.
- You need to open up any product, from inside the theme editor area, or select the collection page from the dropdown at the top.
Note:All settings here will be applied to all collections, not just the one you are on. If you are looking to have different sections on different collections.
Section settings
By default, collection pages have a Collection header section, and a Collection products section.
Collection header section
| Setting |
Value |
| Section width |
Full width
|
| Section height |
Small
|
Collection products section
| Setting |
Value |
| Section width |
Full width
|
Blocks
The Collection products section contains the following 4 blocks:
- Product grid block
- Aside block
- Text banner block
Text banner block
| Setting |
Value |
| Heading |
10% off everything! |
| Heading size |
Small
|
| Content |
Get access to free shipping over $60, free returns, and exclusive offers. Offer valid on first purchase as a member only. |
| Heading color |
1C1B1B |
| Content color |
1C1B1B |
| Background color |
F1EBDF |
Aside block
| Setting |
Value |
| Quick links |
Select a links |
Product grid block
| Setting |
Description |
| TOOLBAR |
|
| Enable filtering |
Checked |
| Show filter color swatch |
Checked |
| Enable sorting |
Checked |
| Number of filters on desktop |
6 |
| GRID |
|
| Products per page |
20 |
| Number of columns on desktop |
5 |
| Number of columns on mobile |
2 |
| PRODUCT CARD |
|
| Show product info |
Checked |
| Show product rating |
Checked |
| Show swatch |
Checked |
| Show vendor |
Unchecked |
