Once you have added some individual products to your store, it is likely you will want to categorise these in some way, organising them into groups.
If you are a clothing store, you may sell many different types of apparel, such as hoodies, socks, jeans, gloves, hats, tees and so on. You could create a collection for each of the above.
Collections can be linked to on your storefront so they display a certain number of products (with product images), from that collection, or you could add a simpler, text link, in your footer, for example.
Here is a list of the most salient points about collections:
Collections are a group of individual Products.
A single Product can be featured in multiple collections across your site (multiple versions of this Product are not required in your admin).
Collections and the Products they contain are not controlled by the theme - this is solely dictated by the Shopify platform.
Here are two examples of how you can display your collections on your storefront.
The first example is a text link in the Navigation Menu:
If you need help with setting up footer links, there is a great resource available here:
Here is a more visual representation of your collection, using the “featured collection” section
More info is available on specific sections and their options here:
Once your collection page link is clicked on, regardless of visual format, your customers will be taken through to your products contained within that collection, which you previously grouped together in the admin area.
To view your collection page, head here:
Online store → Themes → Customise
Select 'Collection pages' from the page selector dropdown:
Select 'Collection pages' from the left-hand settings panel:
To display the collection's image at the top of the page, check the "Show collection image" option. You can then enable the parallax effect and define the size of the image below.
To add a Collection Image, please see the guide below for further information:
When you uncheck this option, the collection description will be hidden.
If you'd like your collection page to be filterable, check the Enable 'Filter' option.
The results can then be narrowed down by tags.
Manage your sort menu by navigating to Online Store → Customise → Collection pages:
Here you can enable or disable the menu first of all:
But moreover, you will be able to control exactly which sort options you'd like to include in the menu:
The selected options will be made available for the customer to use:
Choose from 2-6
Choose from 2-4
Choose from 1-3
You can choose from 3 types of pagination for your collection pages:
Will allow the customer to navigate the collection by using arrows and a numbered page navigation at the bottom of the page:
With infinite scrolling, new products will load automatically as the customer scrolls down the page.
This option gives the user a bit more control over when the new products are loaded onto the page:
This displays a “shop now” button on image hover:
When the button is clicked, a drawer with a product overview is shown.
Shows your products' second image on hover:
Toggle between hidden and visible:
Toggle whether the auto-height feature is enabled or disabled.
This setting uses advanced CSS to provide enhanced visual consistency and continuity.