Collections list page

Collections list page shows all the collections of your store as cards with an image, the collection name and how many products it has. It is used on the collections list template, the page at /collections of your store, and it is the only section there by default.

Add, remove and order collections

The page lists every collection you create in Products > Collections in your Shopify admin: there is nothing to pick in the theme editor. Collections appear in alphabetical order, the order Shopify gives them, and the page has no setting to change it.

If you want to show only some collections, or in your own order, add a Collection list section to a page or to the home page and choose the collections there.

Choose the collection images

Each card shows the collection image set in Products > Collections. A collection without an image uses the photo of one of its products, as Shopify provides it. When there’s no image at all, the card shows a placeholder illustration.

The collection name and product count sit on the photo, over a gradient. Text on image color scheme chooses the colors of that text, and the gradient uses that scheme’s background color: pick a scheme whose text stands out on your photos. Turn off Show product count to show the name only.

Arrange the grid

Under Layout, choose Collections per row on desktop, Columns on mobile and an Image ratio that suits your photos. Use full page width lets the cards reach the edges of the window, while the title and the page links keep a small margin.

Collections per page sets how many cards load at once. With more collections than that, numbered page links appear below the grid, and the title shows the total and the current page, such as “Page 2 of 3”.

Change the title and breadcrumbs

Heading is the main heading of the page. If you clear it, the page shows “Collections” in the customer’s language. Show breadcrumbs adds the path Home / Collections above the title.

What customers see without collections

A store with no collections shows a message and a “View all products” button to the catalog. A page number past the last page shows a message with a link back to the first page.

Settings

Settings: Collections list page

Setting	Type	Default	Options
Create collections in Products > Collections. They appear in alphabetical order.
Heading	Text	Collections	—
Show breadcrumbs	Checkbox	On	—
Layout
Collections per page	Slider	12	4–24, step 1
Collections per row on desktop	Slider	3	2–5, step 1
Columns on mobile	Drop-down	1 column	1 column 2 columns
Image ratio	Drop-down	Portrait	Portrait Square Landscape
Show product count	Checkbox	On	—
Use full page width	Checkbox	On	—
Color scheme	Color scheme	scheme-1	—
Text on image color scheme The gradient behind the collection name uses this scheme’s background color.	Color scheme	scheme-3	—