Collection pages

The Collection pages section includes settings to change the look and feel of product collection pages.

Using the collections template

The Default collections template provides the layout and style of your collection pages. Use the theme editor to preview, create, and customize collections templates with Context's available sections and theme settings.

If you want to create custom layouts and styles for different collection pages, see the next section on how to create and assign multiple collections templates.

To preview and edit a template

  1. Use the Templates selector in the theme editor to open a template.

  2. Under Preview, click Change to see how your different pages will look with this template.

    If a warning icon (!) appears, you will need to assign the template to your page in the Shopify admin. You must have a purchased copy of the theme to assign templates.

  3. To assign a template, go to the your page in the Shopify admin and use the Theme template menu to select a specific template.

Your browser does not support the video tag.

  1. After editing, remember to Click Save.

Create and assign multiple templates

If you want to customize your collection pages with different settings or sections, you can create a new template and then assign your new template to specific collection pages in the Shopify admin.

Note: On the trial version, templates cannot be assigned to pages. Templates can be customized and created using the Preview setting in the theme editor, but templates can be assigned in the Shopify admin only after purchasing the theme.

To create and assign a new template

Change the collection pages settings

From the Collection pages settings, you can change the look and feel of the collections being displayed:

Settings reference

Show collection image

Check this checkbox to show the collection image.

Adding an image for a collection is a Shopify feature. See their article Add or change a featured image for a collection for more information.

Show swatches

Show color swatches on your product when a user hovers over them.

In order to show swatches, you need to set up the product swatches feature. See the Swatches article for more information.

Products per row

Choose how many products should be displayed per row. Either 2, 3, or 4.

Products per page

Choose how many products should be displayed per page. Choose anywhere between 12 and 36.

Show sort options

Choose whether the sort options should be displayed.

The options available can be found here

Show filters

Choose whether or not to show product filters. Product filtering uses the tags that are set on your products. For more information see Shopify's Creating and using tags article.

Filter type

Choose a filter type, either Tags or Groups.

For more information about how the Groups filter style works, see the How to set up the "Groups" filter style article.

Filter style

Choose between sidebar or buttons. Sidebar shows the filtering options in a column on the page, while buttons opens the filtering options in a drawer menu.

How to set up the "Groups" filter style

In the Collection page settings, you can choose from two Filter styles to filter products with. This article helps you set up the Groups product filter style.

This filter style adds multiple groups (like Material, Sex, or Size) that customers may want to filter by.

Note that to use this filter style, you need to add special tags to your products. You may want to read Shopify's Creating and using tags article.

Settings reference

The filter looks for tags in the format Group_Filter, where Group is the tag group (like Color, Size, Material, and so on) and Filter is the name of the tag. It is important that you use an _ underscore as a separator.

As an example, see the following products and their tags:

If these products were part of the same collection, there would be three filterable tags (Large, Small, Bag) in two groups (Size, Type).

They would be displayed like this:


  • Collection pages (template)

  • Featured collection

  • Collection list

  • Swatches