Collections List
The Collections list template displays the store’s collection index. It is the page customers reach when browsing all collections rather than one specific collection.
Setup Order
- Open Collections listIn the theme editor top bar, choose Collections list.
- Review collection dataUse Shopify admin to make sure key collections have names, images, descriptions, and active product assignments.
- Configure the headingUse the Collection heading section for the page title, spacing, and background treatment.
- Configure the gridSet max collections, desktop columns, mobile columns, row and column gaps, width, and section padding.
- Check empty or sparse statesReview the page with few collections so the grid still feels intentional and does not expose unfinished merchant data.
Default Layout
The template includes:
- Collection heading - Page heading and spacing controls.
- Collection list - Responsive grid of collection cards.
Collection List Settings
| Setting | Description |
|---|---|
| Max collections | Limits how many collections are shown on the index page. |
| Desktop columns | Number of collection cards per row on desktop. |
| Mobile columns | One or two card columns on mobile. |
| Column gap | Horizontal space between cards. |
| Row gap | Vertical space between card rows. |
| Section width | Page width or full width. |
| Gap | Internal spacing used by the section layout. |
| Padding | Top and bottom section spacing. |
Publish Checklist
- Give important collections a collection image or cover media.
- Confirm hidden, seasonal, or test collections are not surfaced unintentionally.
- Check collection titles for long text wrapping on mobile.
- Open several collection cards and confirm the destination Collection template is configured.
- Test the page after adding or removing collections in Shopify admin.