Collection Template Documentation
Summary
The collection template is used to display a list of products. It supports grid or list views, customizable filters, and optional blocks for promotions or newsletters.
Tips
The collection template can display products in a grid or list view. Customers can switch between these views if enabled.
Use Shopify’s Search & Discovery app to customize and extend filters for your store.
Customizing Filters for Your Collection Template
Enable Collection Filters
Open the Theme Editor by clicking Customize next to the relevant theme.
From the dropdown in the top bar, select Collections > Default Collection.
Select Collection Grid from the theme sections.
Scroll down under Display and check Enable Filter.
Enable Collection Sorting
Open the Theme Editor by clicking Customize next to the relevant theme.
From the dropdown in the top bar, select Collections > Default Collection.
Select Collection Grid from the theme sections.
Scroll down under Display and check Enable Sort.
Customizing Filtering Options
Use the Search & Discovery app to adjust and customize filters.
Adding Simple Tag Filtering to a Collection Page
Tag-based filtering allows you to surface sub-categories within a collection (e.g., filtering "Shirts" to show only products tagged with "shirts").
Create Metafield Definitions
Open Settings and click Custom Data.
Click Collections, then click Add Definition.
Set Name to
Subtags
.Set Namespace and Key to
custom.subtags
.Click Select Content Type and choose Single line text.
Select List of values.
Click Save.
Add Data to Collection Metafield
Open the collection you’d like to add tag filtering to.
Scroll to the Metafields area at the bottom.
Enter a text value for each tag filter.
Note: Do not include "All" as it will be the first link in the tag filtering.
Ensure each entry matches a tag present within your collection.
Click Save.
Adding a Nested Menu to a Collection
Nested navigation is useful for large collections with multiple sub-groupings (e.g., "Accessories" with links to "Wallets," "Phone Cases," and "Bags").
Create Metafield Definitions
Open Settings and click Metafields.
Click Collections, then click Add Definition.
Set Name to
Subcollections
.Set Namespace and Key to
my_fields.subcollections
.Click Select Content Type and choose Single line text.
Click Save.
Add Data to Collection Metafield
Open the collection you’d like to add a nested menu to.
Scroll to the Metafields area at the bottom.
Enter text values formatted as follows:
Separate each menu item with
&
.Separate each title and URL with
,
.Example:
Tops,/collections/tops&Bags,/collections/bags&Shorts,/collections/shorts
.
Click Save.
Adding Blocks to a Collection Grid
Optional blocks (e.g., text or newsletter) can be displayed in-grid alongside products to highlight promotions.
Open the Theme Editor by clicking Customize next to the theme you’re working on.
From the dropdown in the top bar, select Collections > Default Collection.
Select Collection Grid from the theme sections.
Click Add Block, then select either Newsletter or Content.
Click into the newly created block.
For the Index field, enter the position number where you want the block to appear in the grid (e.g.,
1
for the first item).Update the block content as needed.
Click Save.