Collection pages

Show all of your collections in a single location on your storefront.

Overview

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”
  4. From the left-hand-side settings panel, choose the option “list collections”

How do I edit my collections list page?

Follow the above steps and you will see these options:

Products per collection

Use the dropdown to select how many products you would like to display in a row, for each collection. Choose 3, 4 or 5:

3 products per row

4 products per row

5 products per row

Hover effect

As the cursor moves over the product image, animation can be applied to encourage the customer to click on the product.

There are three options available from the dropdown selector:

None This will show no animation on hover.

Zoom This will “zoom” in on the image slightly.

Show second product image This will display a second image which is pulled from within the product’s information:

Auto-height images

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


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.
https://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:
https://help.shopify.com/themes/customization/collections/change-collections-page