Collection list page
The page listing all your collections at /collections. Collections are pulled in automatically, so it stays current as you add them.
Where to find it: In the theme editor, choose this template from the page dropdown at the top of the screen. Template file: templates/list-collections.json.
Good for
- A catalog page linking to every collection in the store
- Showing product counts so shoppers can see where the range is deepest
Section settings
Content
| Caption |
Small label above the heading, used for eyebrow text like a category or a date. |
| Heading |
The section title. Leave it empty to hide the heading row entirely and let the content start at the top. |
| Heading size |
Picks one of the heading sizes defined in Theme settings → Typography, so headings stay consistent across sections instead of being sized one by one.Choose Default, H1 (default), H2, H3, H4, H5 or H6. |
| Description |
Body copy shown under the heading. Supports bold, italic and links. |
| Text alignment |
Aligns the heading and body text left, center or right.Default: Left. |
Collections
| Sort collections by |
The order collections appear in. Product count, high to low puts your biggest collections first.Choose Alphabetically, A-Z (default), Alphabetically, Z-A, Date, new to old, Date, old to new or Product count, high to low. |
| Desktop columns |
How many items sit side by side on desktop.Choose 3, 4 (default) or 5. |
| Mobile columns |
How many items sit side by side on mobile.Choose 1 or 2 (default). |
| Pagination style |
How shoppers move to the next set of items: numbered pages, a load-more button or infinite scroll.Choose Page numbers (default), Load more button or Infinite scroll. |
| Collections per page |
How many collection cards load before the pagination control.Adjustable from 4 to 40 (default 16). |
Card style
| Style |
Visual treatment of each card.Choose Card (default) or Normal. |
| Image ratio |
Crops images to a fixed shape so a row of mismatched uploads still lines up. Choose Adapt to image to keep each image at its own proportions.Choose Adapt to image, Portrait (3:4) (default), Landscape (4:3) or Square (1:1). |
| Show description |
Shows the description text.Off by default. |
| Show shop now |
Adds a shop-now link to each item.Off by default. |
| Button style |
Button style used on cards in this section.Choose Primary (default), Secondary or Tertiary. Only appears when Show shop now is on. |
| Text alignment |
Aligns the text inside each card.Default: Left. |
| Show product count |
Shows the number of products in each collection.On by default. |
Appearance
| Color scheme |
Sets the background, text, border and button colors for the section. Schemes are defined once in Theme settings → Colors and reused everywhere, so changing a scheme updates every section using it. |
| Card color scheme |
Color scheme for cards inside the section, so they can sit apart from the section background.Only appears when Style is not Normal. |
Spacing
Top and bottom spacing for desktop, with optional separate values for mobile. These are the same controls on every section. See Settings every section shares.
Tips
- Give every collection an image. Cards use the collection image; collections without one look unfinished next to those with one.
- Sort by product count to put your biggest collections first, or alphabetically when shoppers will scan for a name.
- Hide collections you don't want listed by removing them from the Online Store sales channel. The page lists every published collection.
Troubleshooting
| Problem |
Fix |
| A collection is missing from the page |
The page lists collections available on the Online Store sales channel. Check the collection's Sales channels in the admin. |
| The descriptions aren't showing |
Turn on Show description and add a description to each collection in the admin. |
