What are related collections?
Symmetry provides a subcollections feature on collection pages that helps your customers find what they are looking for in a more organized and efficient manner. By dividing a main collection into smaller, more focused subcollections, e-commerce sites can better showcase their products and make it easier for customers to navigate and discover new items.
Each collection can have a list of related collections shown at the top of the collection page. The collection links can be displayed as images in a gallery or simple buttons. These subcollections can be chosen from a list or, to have a specific list for each collection, they can be managed using a collection list metafield.
Gallery style
Buttons style
How to set up related collections
Steps
- From the Shopify admin area, go to Online store > Themes > Customize.
- Select Collection from the dropdown at the top and select your collection template (e.g. default collection)
- Click on the Collection pages text and scroll down to the settings area called Related collections / Subcollection
- For versions after 7.0.0, there are two methods for creating a list of collections. Choose to
- Connect a collection metafield (dynamic source) that contains your collections list if you wish to show different related collections for each collection.
- Or, click on Select collections if you wish to show the same list of related collections for every collection using that template
- Connect a collection metafield (dynamic source) that contains your collections list if you wish to show different related collections for each collection.
- Select the Related collections style to be buttons or a gallery. The gallery style includes additional settings to configure the image layout.
- Save your changes.
Note
How to create a collection list metafield
If you wish to use the collection list metafield method in order to show a different list of related collections for every collection, then there are a few steps required to set it up. This method can be used in versions after 7.0.0.
The metafield for this related collections/subcollections needs to be a Collection metafield of type Reference containing a List of collections.
Steps
- To use a metafield to create a list of related collections, open the Shopify admin and go to Settings > Custom data.
- Click on Collections and Add definition
- Create a new collection metafield for your list of collections. The metafield should be of type reference and contain a list of collections.
- In the Shopify admin, go to Products > Collections and edit a collection and find the newly created metafield. Enter the list of related collections and save the changes for that collection.
- Open the Theme editor, and navigate to the collection you have just edited or select Collections and the desired collection template from the dropdown at the top.
- Click on Collections pages > Related collections / Subcollections > Collections and choose the metafield you have just created to be the dynamic source for the list of collections.
For more information, this Shopify metafields guide may be useful.
FAQs
How do I set up subcollections in theme versions prior to 7.0.0?
In versions prior to 7.0.0 the subcollections shown worked in a different way and were based on menus.
Steps
- From the Shopify admin area, go to Online store > Themes > Customize.
- Select Collection from the dropdown at the top and select Default collection.
- Click on the Collection pages text and scroll down to the SUBCOLLECTIONS section.
- Select Enable subcollections.
- Choose a Subcollections menu. This can be the main menu for the store or a different menu containing links to collections. To create a new menu, go to the Shopify admin area Content > Menus and add a new menu.
- Select the Subcollections style to be buttons or a gallery. The gallery style includes additional settings to configure the image layout.
- Save your changes.
Can't find what you're looking for?
Our support staff are here to answer your queries, so don't hesitate to write to us!
Contact us