# Collection pages

{% hint style="info" %}
This guide only matches with version tf-4.0 or newer. If you are using version tf-3.5 or older, please refer to [the old guide](https://beloria-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://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-MgxpBZxaOLMxsQdeaGV%2F-MgxpY_-mqwaLrmU7FjO%2Fimage.png?alt=media\&token=a5504c6c-49e0-47a7-9a24-d7f4020e8bed)

![](https://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-MgxpBZxaOLMxsQdeaGV%2F-Mgxpa65Uz8fRfa5dP2J%2Fimage.png?alt=media\&token=22ae7a61-86df-4770-bf95-07990b904d9a)

## 2. Section settings

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

![](https://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-MgxpBZxaOLMxsQdeaGV%2F-MgxpdR-w11ptKSBBuDG%2Fimage.png?alt=media\&token=1f257b38-a780-4584-b295-b8d7072551f0)

### **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://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-MgxpBZxaOLMxsQdeaGV%2F-MgxtT7CILT2SdyydpHz%2Fpagination-number.jpg?alt=media\&token=aa3fa0e0-8581-49a7-a6b3-ea7ea3135411)

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://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-MgxpBZxaOLMxsQdeaGV%2F-MgxtWoy-bGKhrOT0LEh%2Fpagination-loadmore.jpg?alt=media\&token=e7805ae8-6d94-4a9a-9a46-faac13674ded)

![The "Scroll to load more button" checkbox is ticked](https://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-MgxpBZxaOLMxsQdeaGV%2F-MgxteFxF1Fg7BW5CUhS%2Fimage.png?alt=media\&token=425a79d0-b4bf-4374-8e24-cf1a428af00a)

### 2.3. PRODUCT ITEM

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

### 2.4. TOOLBAR

![](https://3226993373-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHzCBtSR9PxRIkTBmO1%2F-MgxpBZxaOLMxsQdeaGV%2F-Mgxu3bc6y-f4ibtdoxY%2Fbeloria-collection-toolbar.jpg?alt=media\&token=0d198632-2664-450d-b1ff-dc7e5c055241)

* **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://beloria-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://beloria-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.