> For the complete documentation index, see [llms.txt](https://beloria-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://beloria-docs.boostheme.com/static-sections/collection-pages.md).

# 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](/static-sections/collection-pages/old-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**.

![](/files/-MgxpY_-mqwaLrmU7FjO)

![](/files/-Mgxpa65Uz8fRfa5dP2J)

## 2. Section settings

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

![](/files/-MgxpdR-w11ptKSBBuDG)

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

![](/files/-MgxtT7CILT2SdyydpHz)

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](/files/-MgxtWoy-bGKhrOT0LEh)

![The "Scroll to load more button" checkbox is ticked](/files/-MgxteFxF1Fg7BW5CUhS)

### 2.3. PRODUCT ITEM

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

### 2.4. TOOLBAR

![](/files/-Mgxu3bc6y-f4ibtdoxY)

* **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](/shopify-apps/boostheme-toolkit-app.md#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](/manage-blocks-in-a-section.md) 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.