# Collection pages

{% hint style="info" %}
This guide only matches with version 3.0.0 or newer. If you are using version 2.2.1 or older, please refer to [the old guide](https://vodoma-docs.boostheme.com/static-sections/collection-pages/old-collection-pages).
{% 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)

### **2.1.** PRODUCTS GRID

* **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.

### **2.2.** 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)

### 2.3. PRODUCT ITEM

Please refer to [this guide](https://vodoma-docs.boostheme.com/tips#product-item-settings) for more details.

### 2.4. TOOLBAR

![](https://3659370746-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MFddYUXQFaTvE_hvQho%2F-Mfs-C1w7qBNP88zXJsH%2F-Mfs1kicUPtBlVN9m5dF%2Fcollection-toolbar.jpg?alt=media\&token=ea83dec2-300f-4828-9db6-ad15ed1c031e)

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

### 2.5. FILTER SETTINGS

#### General settings

* **Enable the filter sidebar:** turn on/off the filter sidebar.
* **Item format:** specify to display the color swatches in square or circle.
* **Expand/Collapse state:** set the default state of the filter item.

#### Categories filter item

* **Enable:** turn on/off categories filter item.
* **Filter label:** add the item label.
* **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](https://vodoma-docs.boostheme.com/shopify-apps/boostheme-toolkit-app#6-collection-tree) for more details.

## 3. Section blocks

The **Collection pages** section uses Shopify blocks to show the collection's featured image, description, product list, and filter sidebar. You can refer to [this guide](https://vodoma-docs.boostheme.com/manage-blocks-in-a-section) for managing blocks in a section. In this section, we have 3 block types:

### 3.1. Products grid and filter

This block type shows the products grid and filter sidebar.

To edit the content of the filter sidebar, You can go to Online Store > Navigation. Please refer to <https://help.shopify.com/en/manual/online-store/themes/os/customize/filters> for more details.

### 3.2. Description

This block type shows the collection's description.

### 3.3. Collection image

This block type shows the collection's featured image.