Appearance
Collections list
The collections index — the page a buyer reaches at /collections — is built by the Collections list section. It shows every collection in the store as a card with an image, the collection name, and a product count.
The section fills itself from your store, so there is nothing to build block by block. Create and order collections in your Shopify admin under Products → Collections; this page reflects them.
Settings
In the theme editor, open the collections index and select the Collections list section.
| Setting | What it does |
|---|---|
| Color scheme | Section background and text colors. See Colors. |
| Collections per page | 6 to 24 collections before pagination. Default 12. |
| Desktop columns | 2 to 4 card columns on desktop. Default 3. |
| Top padding | Space above the section, 0–96px. |
| Bottom padding | Space below the section, 0–96px. |
Desktop columns applies to wide screens only. Below 990px the grid drops to two columns, and below 600px to one, whatever you set here.
Note
The two padding sliders sit at the end of the list with no Padding header above them, so look for the labels rather than a group.
What each card shows
- The collection's featured image, cropped to a 4:3 frame. A collection with no featured image falls back to the first product's image; with neither, the card shows a placeholder graphic so the grid keeps its shape.
- The collection title.
- A product count, reading "12 products" or "1 product".
The whole card is the link, and the count reflects every product in the collection.
Pagination
Once a store has more collections than Collections per page, Previous and Next buttons plus numbered pages appear below the grid. Lowering the per-page number is the quickest way to keep a large collection index from loading a long grid on mobile.