Create a collections listing page

Create a collections listing page

All Shopify stores have the option to go to the /collections page to see an alphabetical list of all the collections in your store. But... 

Perhaps, you don't want to show all your collections? 

Or you wish to create new pages showing a smaller subset of collection images? 

Or your customers like to navigate visually by brand logo?

These options are all possible by creating a collections listing page.  These custom collections listing page or pages can contain all collections (shown in a different order) or a subset of your collections.

Page method

For our Canopy theme, and the latest versions of our Masonry, Symmetry and Showcase themes:

  1. Create a linklist, containing the collections you wish to display. The linklist must only contain collection links.
  2. Create a page, with exactly the same name as the linklist you made in step 1.
  3. Scroll to the bottom of that page edit screen - change the template to 'page.list-collections', and save the page.
  4. Go back to Online Store → Navigation and add the new collections listing page to your Main Menu or wherever you would like it to show in your store navigation.

Collection template method

Alchemy and older versions of other themes uses a collection template method

  1. Create a new collection in Admin → Products → Collections
  2. Make a note of the collection handle which is in the Search Engine Listing Preview section (e.g. 'browse-our-store')
  3. Select the collection template called 'collection.list-collections' (you will only see this option if the theme is your published theme)
  4. Save the collection (no need to add any products)
  5. Head over to Admin → Navigation and make a menu with the exact same handle as you made in step 2 (e.g. 'browse-our-store')
  6. Add collections to the link list
  7. Save the menu and you're done!

Support image to show how to set up a collections listing page

The thumbnail image displayed will either be the featured image of the collection or, if one doesn't exist, the first product from the collection. 

Using tag filters in your menus to limit the products shown won't work with this feature - those filtering tags will just be ignored.

    Notes

    The Expression theme does not support a custom collections listing page.
    Masonry theme versions before 3.0, Showcase versions before 2.0 and Symmetry versions before 3.0.4 use the collection listing method not the page method.

     


    Suzie Swift
    Continue shopping
    Your Order

    You have no items in your cart