Collection pages
Once you have added some individual products to your store, it is likely you will want to categorize these in some way, organizing 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.
Note
The more items you offer, the more important it is that your products remain easy to find, both for your customers and yourself.
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 dictated by the Shopify platform.
Collections can be either manual or automatic.
Here are two examples of how you can display your collections on your storefront.
The first example is a text link in the footer:
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:
Note
If a collection has no products added to it, the Shopify platform will display placeholder images instead, with a price of £19.99, like this:
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:
Admin
Online store → Themes →Customize
Select 'Collection pages' from the page selector dropdown:
Select 'Collection pages' from the left-hand settings panel:
You will see the following options:
Choose how many products are displayed per row. Select 2, 3, 4, 5 or 6.
Choose how many products are displayed per page. Select from 3 to 8.
Toggle between hidden and visible.
None:
Show second product:
You can see examples of these effects in our product page guide
You can add a collection image in your admin area:
Admin
Online store
Products → Collections
Choose a collection
On the right-hand-side of the page you will see the option to add a collection image.
Use the toggle in your theme settings to switch between visible and hidden.
Toggle whether your sort menu is visible or hidden.
Here is how the sort menu looks:
Visible:
Hidden:
Use the toggle in your theme settings to switch between visible and hidden.
Here is how tag filtering looks.
Visible:
Hidden:
Tip
The tag filtering and sorting menus will always default to the left-hand-side when only one is visible.
Toggle between hidden and visible.
Note
You will need to install Shopify's Product Reviews app before enabling this option:
The sidebar menu option allows you to display an image, menu, vendors and text, using the 6 available “content” blocks.
Toggle your sidebar content to be either visible of hidden.
Note
If you have no “content” added, your sidebar will not display.
Note
You can display up to a maximum of 6 content blocks.
Here is how each of the different types of content will look:
Add more descriptive text here, including links, bold and italic styling.
Display the vendor
Click "Select image" to add your picture.
We recommend dimensions of 300 x 150px
This allows you to add a vertical stack of links and 'heading' text of your choice to be displayed above the stack.
Click 'Add Content' to choose one of the options
To create a stack of links called a 'Menu', head to:
Admin → Online store →Navigation
Select 'Add menu' shown at the top right of your screen
Title the menu
Select 'Add menu item'
Name the menu items (links)
Choose where the link takes the customer
Select “add” and you’re done
Then head back to your theme's customization area and select this newly created "block" of links for your collection page by clicking “change”, then choose the menu you just made.
Tip
To delete any of these content blocks, simply click to expand the block and select the trash icon.
Tip
You can re-order your adverts by clicking and dragging the content block’s position.
