Collections list page

Template

The Collections list template provides the layout and design of the /collections page that displays your store's collections in a grid. Use this page to give customers an overview of all or selected collections.

See demos: Vogue | Craft | Organic | Chic

Quick setup

By default, the Collection list template displays all published collections from your Shopify admin. You can choose to display only selected collections.

You can also adjust the layout of the grid, the shape of collection images (image aspect ratio), and the style of the collection titles and backgrounds.

Shopify | Collections are created and edited in your Shopify admin. See Shopify's Collections manual ↗ to learn how to group products into collections.

STEPS

In your theme editor (Customize):

Use the Templates selector to open Collections list.
Under Template, click on Collections list page from the list of sections.
Choose whether you want to show All of your collections collections or just Selected collections.
If you choose to show Selected collections, see step 8 to learn how to add those collections.
Select the Number of columns to change how many collections are displayed per row . Choose between 2 and 4 columns.
For Mobile devices, you can choose to show 1 or 2 columns.
Select the Number of rows on desktop to display on a single page.
Additional collections will appear on following pages.
To crop your collection images to have the same shape, change the Collection listing aspect ratio to Square, Landscape (horizontal), or Portrait (vertical).
The default Natural setting displays the original shape of your image.
Set the Collection listing title style to Overlay or Beneath.
Set the Collection title background style to Solid or Gradient.
Click Save.

Related links
Templates

Last updated 5 months ago