Modify the Collection Template

Modified on Wed, 5 Jun at 3:26 PM

TABLE OF CONTENTS

I. COLLECTION TEMPLATE
II. BLOCK SETTING

I. COLLECTION TEMPLATE

- Number items per page: drag to decide how many items shown on the collection

1. Storefont filters

- Tick to Enable this widget to add storefront filtering (How to add storefront filtering?)

- Drag to limit the number of items per filter

- Heading: enter the text to show as the heading for sub-collection

- Select component to show: Metafield/ Menu item/ None
- You can setup Subcollection by 2 ways: Metafield or Menu item. This is the instruction to setup Subcollection by each way:

+ Metafield: Ensure that the ACF ( Advanced Custom Fields) app is installed and configure in your Shopify Store.
First, open ACF app > Custom Fields > Collection > Select a collection that you want to add subcollection. You will see the metafield, it allows you to select a specific subcollection you want to associate with this collection.

Then, if you select "Metafield" as the component to show, it will display as below:

+ Menu Item (create Subcollection via Navigation Menu):
First, you need to go to Online store > Navigation, then create a new menu. In this menu, you create the structure of your own collections as you want. For example, this is what we made in our demo:

Then, within the Theme editor, go to a collection page. In the Subcollections section, select "Menu item" as the component to show, and choose the menu you just created.