Collections list page
The Collections list page in Seventh shows all your collections, or the ones you pick, as collection cards at /collections.
Applies to: Seventh 4.0.0 and later. Added in: Seventh 1.0.0. Last checked: 2026-10-12 against Seventh 4.0.0.
The Collections list page shows all your collections, or the ones you select, as a grid of collection cards at /collections. Customers reach it from a "Shop all collections" or "Collections" menu link.
Where to find it: in the theme editor, open the template picker and select Collections list. The template has two sections, Main header and Collections list grid.
Page content
- Main header: the page title area, with a Page title block. Its settings are the same Main header settings as the Regular page, documented on Regular page.
- Collections list grid: one Collection card for each collection, with optional promo cards between them.
The cards in the grid are a Collection card block inside the Collections list grid. Select it to set the card style and its inner blocks (image, title, product count, description) once for every collection. See Collection card.
The Collections list page is a template. To show collections on the home page or another page, use the Collections list section instead.
Showing only some collections
Switch to selected collections
Select the Collections list grid section and set Select collections to show to Selected.
Pick the collections
Select the collections in Collections. The grid shows them in the order of that list.
Save
Select Save. Sort collections by: no longer applies, because the list order is used.
Why is my Home page collection not on the Collections list page?
Because Seventh always leaves out the collection with the handle frontpage when Select collections to show is All. Shopify creates that collection for the home page. Select it in Collections with Selected if you want to show it.
Why does a collection show the wrong image?
Because the collection has no image of its own. The Collection card then uses the image of the collection's first product. Add a collection image in Shopify admin → Products → Collections, or set the image in the Collection card's image block. See Collection card.
All Collections list grid settings
Every setting in this group, with its type and default.
Accepts these blocks: Promo card.
All of your collections are listed by default. To customize your list, choose 'Selected' and add collections.
Select collections to show (radio buttons, default: All): Sets which collections the page shows: All shows every collection in the store except the home page collection (handle frontpage), Selected shows only the collections chosen in Collections. Options: All, Selected.
Sort collections by: (dropdown, default: Alphabetically, A-Z): Sets the order of the collections when Select collections to show is All. Product count sorts by the number of products in each collection. Options: Alphabetically, A-Z, Alphabetically, Z-A, Date, new to old, Date, old to new, Product count, high to low, Product count, low to high. Shown only when Select collections to show is All.
Collections (collections picker): Sets the collections to show, in this order, when Select collections to show is Selected.
Collections list grid section: Layout
Where to find it: Collections list → Collections list grid → Layout
Cards size (dropdown, default: Medium): Sets how many collection cards fit in one row on desktop: XSmall 5, Small 4, Medium 3, Large 2. Seventh shows fewer cards per row on smaller screens. Options: XSmall, Small, Medium, Large.
Cards size on mobile (dropdown, default: Small): Sets the card size on mobile: Small shows 2 cards per row, Large shows 1. On screens narrower than 375 px, cards always show one per row. Options: Small, Large.
Cards alignment (dropdown, default: Top): Sets how cards of different heights line up in a row. Stretch makes every card in a row as tall as the tallest one. Options: Top, Center, Bottom, Stretch.
Stretch alignment type (dropdown, default: Space between): Sets where the blocks sit inside each stretched card. Space between pins the first block to the top and the last block to the bottom. Options: Top, Center, Bottom, Space between, Space around. Shown only when Cards alignment is Stretch.
Grid gap (dropdown, default: Default): Sets the space between collection cards. None places the cards edge to edge. Options: None, Default, XXSmall, XSmall, Small, Regular, Large, XLarge, XXLarge. Shown only when Scatter cards is off.
Collections list grid section: Cards arrangement
Where to find it: Collections list → Collections list grid → Cards arrangement
The Collections list grid section uses the standard Cards arrangement settings, listed in General section styling. Not available in this section: Randomize card sizes and Randomize card sizes on mobile devices.
Scatter cards (checkbox, default: off): Turns on the scattered (editorial) layout: each card moves up or down by a different amount, so the cards no longer sit in straight rows.
Scatter cards on mobile devices (checkbox, default: off): Keeps the scattered layout on mobile, with half the desktop offset. When off, cards line up in regular rows on mobile. Shown only when Scatter cards is on.
Horizontal spacing (dropdown, default: Medium): A larger value will make the cards smaller. Options: XSmall, Small, Medium, Large, XLarge. Shown only when Scatter cards is on.
Vertical scattering (dropdown, default: XSmall): Sets how far each scattered card moves up or down. Options: XSmall, Small, Medium, Large, XLarge. Shown only when Scatter cards is on.
Gap between rows (dropdown, default: XSmall): Sets the vertical space between rows of scattered cards. Options: XSmall, Small, Medium, Large, XLarge. Shown only when Scatter cards is on.
Collections list grid section: Section design
Where to find it: Collections list → Collections list grid → Section design
The Collections list grid section uses the standard Section design settings, listed in General section styling. In this section the group has only Color scheme, Top padding and Bottom padding.
Color scheme (color scheme, default: Scheme 1).
Top padding (dropdown, default: Default). Options: Default, None, Smaller, Larger, Largest.
Bottom padding (dropdown, default: Default). Options: Default, None, Smaller, Larger, Largest.
Related pages
- Collection card: the card that shows each collection.
- Collections list section: a section that shows collections on any page.
- Regular page: the Main header settings used by this template.
- Promo card: cards you can place between the collections.
- General section styling: Section design and Cards arrangement settings.