# Collections list page
The Collections list page displays all the collections you choose to show in one place. You can control which collections appear, adjust the layout, and customize how they look on both desktop and mobile.
## How to access Collections list page template
{% hint style="success" %}
Steps:
1. From the theme editor (**Customize**), select the template selector.
2. In the dropdown menu, select **Collections list** template.
3. Make necessary changes.
4. **Save** the settings.
{% endhint %}
{% hint style="info" %}
The storefront uses the default handle `/collections`.
Example: `https://yourstore.myshopify.com/collections`
{% endhint %}
## Collection list section
### Section settings
#### Layout
* **Columns:** Choose the number of collection cards to show per row on desktop.
* **Collections per page:** Set how many collections appear before pagination begins.
* **Horizontal gap / Vertical gap:** Adjust the horizontal and vertical spacing between collection cards.
#### **Mobile layout**
These settings allow you to customize how the collection list appears on mobile devices, including:
* Number of **columns** displayed on mobile.
* **Horizontal** and **vertical** spacing between collection cards.
### Collection list block
#### Collection card
Each block represents a collection card. You can add multiple blocks and reorder them as you like.
* **Aspect ratio:** Sets the shape of the collection image.
{% tabs %}
{% tab title="Use global settings" %}
* Go to **Theme settings > Collection cards and set the aspect ratio** there to use it as a global setting.
{% endtab %}
{% tab title="Auto" %}
* The image ratio adapts to the original size of the uploaded image.
{% endtab %}
{% tab title="Square (1/1)" %}
{% endtab %}
{% tab title="Portrait (4/5)" %}
{% endtab %}
{% tab title="Portrait (3/4)" %}
{% endtab %}
{% tab title="Landscape (16/9)" %}
{% endtab %}
{% tab title="Landscape (4/3)" %}
{% endtab %}
{% endtabs %}
* **Alignment:** Controls the horizontal alignment of the collection title.
{% tabs %}
{% tab title="Left" %}
{% endtab %}
{% tab title="Center" %}
{% endtab %}
{% tab title="Right" %}
{% endtab %}
{% endtabs %}
* **Show product count:** Toggles whether the number of products in the collection is displayed.
#### Nested dynamic blocks
You can add multiple dynamic blocks within this section.\
Use these blocks to customize the layout further or add additional content types.
{% content-ref url="../theme-blocks" %}
[theme-blocks](https://docs.foxecom.com/pebble-theme/theme-blocks)
{% endcontent-ref %}
## Other sections
The Collections list template supports all theme sections. You can freely add, remove, or rearrange sections—just like any other page.
{% content-ref url="../theme-sections" %}
[theme-sections](https://docs.foxecom.com/pebble-theme/theme-sections)
{% endcontent-ref %}
{% hint style="success" %}
## **Best practices**
* Use high-resolution images for collection thumbnails so the grid looks clean and consistent.
* Order your collection blocks strategically — feature best-selling or seasonal collections first.
* Use the aspect ratio setting to ensure visual consistency across all cards.
{% endhint %}
.jpg?alt=media&token=5133e4bf-55dc-4249-93b8-1cfb99d22088)
