Collections list

Collections list

Start your free trial
Start your free trial

General

Online store speed
Online store speed
Accessibility
Accessibility
Theme updates
Theme updates

Theme styles

Style presets
Style presets
Colors
Colors
Fonts
Fonts
Animation
Animation
Social media
Social media

Header

Announcement bar
Announcement bar
Mobile menu
Mobile menu
Search bar
Search bar

Sections

Products

Product listings
Product listings
Product badges
Product badges
Quick view
Quick view
Quick add
Quick add

Product page

Product template
Product template
Variant chips
Variant chips
Sticky add-to-cart bar
Sticky add-to-cart bar
Sibling product swatches
Sibling product swatches
Product recommendations
Product recommendations

Collection page

Collections template
Collections template
Banner
Banner
Product grid
Product grid
Filters and sorting
Filters and sorting

Cart

Quick cart
Quick cart
Cart page
Cart page
Added-to-cart popup
Added-to-cart popup
Cross sells
Cross sells
Free shipping bar
Free shipping bar
Low inventory warning
Low inventory warning

Pages

Templates
Templates
Home page
Home page
About page
About page
Blogs page
Blogs page
Blog post
Blog post
Collections list
Collections list
Contact page
Contact page
Password page
Password page
Search page
Search page
404 page
404 page

Support

Support policy
Support policy
Shopify vs Theme issues
Shopify vs Theme issues
Store access requests
Store access requests

Collections list

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.

This guides shows you how to create a selected collections list, and change the layout and style of the collection images and titles.

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.

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

In your theme editor (Customize):

  1. Use the Templates selector to open Collections list.
  2. image
  3. Under Template, click on Collections list page from the list of sections.
  4. Choose whether you want to show All of your collections collections or just Selected collections.
  5. If you choose to show Selected collections, see step 8 to learn how to add those collections.
  6. Select the Number of columns to change how many collections are displayed per row . Choose between 2 and 4 columns.
  7. For Mobile devices, you can choose to show 1 or 2 columns.

  8. Select the Number of rows on desktop to display on a single page.
  9. Additional collections will appear on following pages.

  10. To crop your collection images to have the same shape, change the Collection listing aspect ratio to SquareLandscape (horizontal), or Portrait (vertical).
  11. The default Natural setting displays the original shape of your image.

    image
  12. Set the Collection listing title style to Overlay or Beneath.
  13. image
  14. Set the Collection title background style to Solid or Gradient.
  15. image
  16. Click Save.