Collections List

If you are looking to display every one of your collections in a central place, as opposed to, or as well as on your storefront’s homepage sections, then the collections list is for you.

Many customers arrive at a site and after a few minutes decide they really like a few products. It’s after this that they often like to dig deeper and see everything offered on the store, so they can go on to add multiple items to their cart and assemble a selection of goodies which suit their needs.

Having this dedicated page in place gives your customers the chance to be exposed to many more choices and options than may have been the case if they had seen a single “featured collection” section on your storefront for example.

The collections list shows the broadest view possible of your store’s offerings and is a very solid component to any successful online shop.


How do I get started?

To get started, head to:

  1. Admin
  2. Online store > Themes > Customise
  3. From the dropdown page selector, choose “collections list”
  1. From the left-hand-side settings panel, choose the option “All collections”

Tip

Here is Shopify’s guide on creating a collection:

help.shopify.com/manual/products/collections


Settings

Select collections to show:

All: All of your collections are listed by default.

Selected: Customize your list, by choosing and add collections. Add collections by scrolling to the bottom of the left-hand-side menu and click “add collection”:


Layout options

Show page title: This displays your page title below your main navigation menu.

Enable quick view: This displays a “shop now” button on image hover: 

WeTheme help - Collections list quick shop
Enable Hover effect: Shows your products' second image on hover.

Banner image: Add an image to the top of your page between your main navigation menu and page title. Simply choose “select image”.


Layout style

Preview: This shows a number of products from each collection, with each collection appearing as a separate horizontal row.

Grid: This displays a single image from each collection, separated in horizontal rows.


Items per row

This slider affects the above ‘Layout style’ options, varying how many images or collections are shown on each row. Choose between the values 2, 3, 4 and 5.


Auto-height images

Toggle this option to tidy up the way images are displayed, according to their height attempting to make them more uniform.

Tip

Although the auto-height feature is a great help in many cases, it is important to make sure all of your images are of the same aspect ratio from the point of upload - this is the only true way of ensuring all images match. 

More information on this is present here:

WeTheme Images Reference Guide

Content

Add collection: This affects the above “Select collections to show”. 

Click “add collection” and then choose which collection to use. 

Select “remove content” to delete.


So, that’s all there is to it folks - when your customers want more, go all out with your entire collections list and show them what you are made of! 


Further reading

Create a new page template and assign certain collections.

help.shopify.com/themes/customization/collections/featuring-collections-using-link-lists

Your collections are displayed in alphabetical order, by default. Alter this by following this guide:

help.shopify.com/themes/customization/collections/change-collections-page

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.