Collection List

A guide to set up a collection list

The collection list automatically displays sublists, enhancing user experience by enabling easy navigation and access to specific data subsets. It streamlines data exploration, making it more efficient and organized for users.

Create your online store today with ShopifyShopify

To setup Sub Collection , please follow these steps:

Step 1: Create metafields

To create metafields for Sub Collection, please follow this article.

Step 2: Setup Sub Collection

1. From your admin, go to Collections and select the collections to setup

2. Scroll down to Metafields and click to Sub Collections

3. Click to Select Collections and select the Collections you want to do sub collections

4. Save this change and you can see the result

Step 3: Add Sub Collection in page Collection

1. In the theme editor (Customize), open the template selector

2. Select Collections, then Default Collection.

3. On the left-sidebar, add section Sub Collection

4. Make necessary changes > Save.

Sub Collection settings

1. Section header and general:

Use the provided text fields to add a suitable heading/subheading/description. Leave any of them blank if you do not want to display them.

Adjust the text alignment (left/center) along with the background color and container type.

You can choose your container type for the collection list as:

• Default

• Fluid container

• Full width

2.COLLECTION SETTINGS

Collection type: Grid,Carousel

Design

Design 1

Design 2

Grid settings

Determine the number of collections shown per row and the gap between columns.

Slider settings

Select Enable slider and Auto slide options to run the list automatically

You can also use pagination or navigation for your collection list.