👍 The perfect Shopify theme for your business. Buy now  

Header background

Sub Collection

Huong_ Blueskytechco

Written by Huong_ Blueskytechco

Last updated

A guide to set up a collection list

The sub collection 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 Shopify

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 types: Grid, Carousel

Designs

Design 1

Design 2

Design 3

Typography

Elements related to the font such as spacing, height, weight, etc. are adjustable.

Carousel settings

  • Select Auto slide option to run the list automatically

  • Select Infinity option to make the list act like a circle

  • Select Show arrows option to enable To left - To right buttons

We uses cookies to ensure you get the best experience on our website.