> For the complete documentation index, see [llms.txt](https://vodoma-docs.boostheme.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vodoma-docs.boostheme.com/static-sections/collection-pages/old-collection-pages.md).

# Version 2.2.1 or older

{% hint style="info" %}
This guide only matches with version 2.2.1 or older. If you want are using version 3.0.0 or newer, please refer to [the new guide](/static-sections/collection-pages.md).
{% endhint %}

## 1. Open Collection pages section

1. From your Shopify admin, go to **Online Store** > **Themes**.
2. Find the theme that you want to edit and click **Customize**.
3. From the top-bar drop-down menu, select **Collections > Default collection**.

![](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-Mfrqt6XaOQXP1rj0HNr%2F-MfrrxZGVqU-Nt72LZCW%2Fopen-collection-pages-1.jpg?alt=media\&token=4e37ac3c-1645-4c9c-85a1-463ef03bb85d)

![](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-Mfrqt6XaOQXP1rj0HNr%2F-Mfrs0pFn6kTro3Onj07%2Fopen-collection-pages-2.jpg?alt=media\&token=bbadeab1-5fb2-4ed1-ae7e-a899e01b0975)

## 2. Section settings

To open section settings, click the section name on the left sidebar.

![](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-Mfrxf2A08Pi9b8W6vcQ%2F-MfryLTwoSQ-6vj-6yqN%2Fopen-collection-pages-settings.jpg?alt=media\&token=9cbccf4f-c12c-4c09-8920-14d64831a018)

* **Limit:** adjust the number of products per page. If you turn on the infinity loading feature, the **Limit** is the number of products per one loading time.
* **Show collection image:** show/hide the featured image of the collection.
* **Hide collection image in mobile screen:** not show the collection image on the mobile screen even **the Show collection image setting** is ticked.

## 3. Toolbar

![](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-MHMOzZ0MFDLUCo53mYv%2F-MHMT2VLCt4RbVrcxIs9%2Fcollection-pages-toolbar.jpeg?alt=media\&token=0345b19e-da90-42db-b4cc-bc78dcc55fc8)

* **Enable toolbar:** show/hide the toolbar.
* **Enable sorting:** show/hide the sort select box.

## 4. Infinity loading products:

By default, the pagination with the numbers will be shown.

![](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-MHMOzZ0MFDLUCo53mYv%2F-MHMVWTN3IfpmOZvdeCC%2Fcollection-pages-pagination.jpeg?alt=media\&token=5dbf5d0d-c4ae-4dac-b85f-d8357b239f3e)

If you turn on the infinity loading products feature, the pagination with numbers will be replaced by the load more button or infinity scrolling.

![The "Click load more button" checkbox is ticked](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-MHMOzZ0MFDLUCo53mYv%2F-MHMVygWUPj4m7tUmdGQ%2Fcollection-pages-infinit.jpeg?alt=media\&token=3fa73b53-536e-49c1-8ad6-b4bdc661824b)

![The "Scroll to load more button" checkbox is ticked](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-MHMOzZ0MFDLUCo53mYv%2F-MHMY4o2hF8OoDvYIwuU%2Fcollection-pages-infinite-scrolling.jpeg?alt=media\&token=902b8e93-c588-4803-b389-d2c0ed0d89e0)

## 5. Product item settings

Please refer to [this guide](/tips.md#product-item-settings) for more details.

## 6. Filter settings

![](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-MK8TLWZtWWq-9KuOfhi%2F-MK8WYDh3_4vq6QVyN60%2Fcollection-filter-auto.jpeg?alt=media\&token=4133b917-bf2f-47e9-a0be-e485757b3ef7)

* **Enable the filter sidebar**: turn on/off the filter sidebar.
* **Enable auto filter feature:** turn on/off the auto filter feature.

{% hint style="info" %}
The auto filter is a new feature that is only available from version 1.3.0. This feature will help you display the filter sidebar in more values without adding product tags for a hundred of products like the old method. Just specify the option name you want to show, all corresponding product option values will be shown. 
{% endhint %}

{% hint style="danger" %}
The auto filter feature can only use for a store that has less than 1000 products. If your store has more than 1000 products, it will be working incorrectly. 
{% endhint %}

Scroll down to the bottom, you will see an **Add content** button, click this button to add a new filter item. Or you can click one of the available filter items to edit/remove it and drag/drop items to rearrange them.

![](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-MHMZg6dJzZ9-nrj7GF5%2F-MHMaDlf3fIXqlhIzOSh%2Fcollection-pages-filter-add.jpeg?alt=media\&token=07e2b731-40fe-414b-bb05-08de70d28283)

Our theme provides 4 filter item types: "**Filter Item - Colors**", "**Filter Item - Checkboxes**", "**Filter Item - Price range**", and "**Categories**". Below are details of 4 filter item types:

### A. Categories

![](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-MHQ6nTOZezBeCpWs-U4%2F-MHQBfx2_jpC0p7ySfEs%2Fcollection-pages-filter-categories.jpeg?alt=media\&token=6fcb665b-b91c-4aa0-8990-6492122e5094)

* **Enable:** show/hide this item.
* **Get data from:**
  * **Shopify Navigation(link list):** use a link list to display as categories.
  * **The collection tree from the Boostheme Toolkit app:** choose this option if you want to display the collection tree. You can edit the collection tree by dragging & dropping easily. Please refer to [this guide](/shopify-apps/boostheme-toolkit-app.md#6-collection-tree) for more details.
* **Choose a link list:** pick a link list. Only work if the **"Get data from"** setting is configured to **"Shopify Navigation(link list)"**.
* **Expand/Collapse state:** set the default state of the filter item.

### B. Option - Colors format ( old name: **Filter Item - Colors )**

![](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-MHOzZoPHasahI3LAyyF%2F-MHP3LHwy-mUl1BeIeNu%2Fcollection-pages-filter-colors.jpeg?alt=media\&token=c7691332-a5f2-412c-805c-86381a2d5349)

* **Enable this filter item:** show/hide this item.
* **Label:** add the label of the filter item.
* **Show separated line:** show the line at the item's bottom.
* **Color format:** specify to display the color swatches in square or circle.
* **Swatch size:** adjust the size of all colors.
* **Expand/Collapse state:** set the default state of the filter item.
* **Option name:** if you turn on **the** **Auto filter feature**, you need to add the product option name, something like "*Color*",... All values of this option name will be shown.

All colors in this filter item are configured in Theme settings > Product settings > Custom color codes. Please refer to [this guide](/theme-settings/product-settings.md#custom-color-codes) for more details.

### C. Price range ( old name: Filter Item - Price range )

![](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-MHOzZoPHasahI3LAyyF%2F-MHP4rvZfs9AiyLOOoKY%2Fcollection-pages-filter-price.jpeg?alt=media\&token=f33bf5d2-86d4-4598-b4af-a0cc3a2ce840)

* **Enable this filter item:** show/hide this item.
* **Label:** add the label of the filter item.
* **Show separated line:** show the line at the item's bottom.
* **Keys:** add your product tags. Each tag is separated by a comma. Ex: tag1, tag 2, tag 3, ... You should ignore this field if you turn on the Auto filter feature.
* **Expand/Collapse state:** set the default state of the filter item.

{% hint style="info" %}
**Note:** Always use "**$**" when typing your tags that contain price. The theme will convert all prices to the currency users are viewing.
{% endhint %}

### D. Option - Checkbox format ( old name: Filter Item - Checkboxes )

![](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-MHQDBfxEmg8AFA5oUhN%2F-MHQDJk53eRVhY9C5jUy%2Fcollection-pages-filter-checkboxes.jpeg?alt=media\&token=52d8fd4c-d280-4057-a5ab-314e403a822b)

* **Enable this filter item:** show/hide this item.
* **Label:** add the label of the filter item.
* **Show separated line:** show the line at the item's bottom.
* **Keys:** add your product tags. Each tag is separated by a comma. Ex: tag1, tag 2, tag 3, ... You should ignore this field if you turn on the Auto filter feature.
* **Expand/Collapse state:** set the default state of the filter item.
* **Option name:** if you turn on **the Auto filter feature**, you need to add the product option name, something like "*Size*",... All values of this option name will be shown.

### E. Product type

Show all types of all products in the current collection or search result.

{% hint style="warning" %}
Only work when you enable the "**Autofilter**" feature.
{% endhint %}

* **Enable this filter item:** show/hide this item.
* **Label:** add the label of the filter item.
* **Show separated line:** show the line at the item's bottom.
* **Expand/Collapse state:** set the default state of the filter item.

### F. Brand ( Vendor )

Show all vendors of all products in the current collection or search result.

{% hint style="warning" %}
Only work when you enable the "**Autofilter**" feature.
{% endhint %}

* **Enable this filter item:** show/hide this item.
* **Label:** add the label of the filter item.
* **Show separated line:** show the line at the item's bottom.
* **Expand/Collapse state:** set the default state of the filter item.

### G. Metafields

Just specify the namespace and key, the filter block will show all meta field values of all products in the current collection or search result.

{% hint style="warning" %}
Only work when you enable the "**Autofilter**" feature.
{% endhint %}

#### General settings

* **Enable this filter item:** show/hide this item.
* **Label:** add the label of the filter item.
* **Show separated line:** show the line at the item's bottom.
* **Expand/Collapse state:** set the default state of the filter item.

#### Meta field settings

* **Namespace:** add your meta field namespace.
* **Key:** add your meta field key.
* **Type:** let the filter block know the type of your meta field value.

### H. Average rating

Show the rating levels.

{% hint style="warning" %}
Only work when you enable the "**Autofilter**" feature.
{% endhint %}

* **Enable this filter item:** show/hide this item.
* **Label:** add the label of the filter item.
* **Show separated line:** show the line at the item's bottom.
* **Expand/Collapse state:** set the default state of the filter item.
* **The minimum rating to show:** adjust the min level to show.