# Collection list
Use the **Collection list** section to display a grid of your featured collections. It’s perfect for helping shoppers browse by product category
## How to add a Collection list section to your Shopify store
{% hint style="success" %}
Steps
1. In the theme editor (**Customize**), click **Add section.**
2. Locate **Collection list.**
3. Make necessary changes.
4. Save.
{% endhint %}
:writing\_hand: *To know more about creating and editing collections, refer to* [*this tutorial.*](https://youtu.be/M0DoTpdYPWU?si=2HG_s3zi2zJDZmG3)
## How to edit a Collection list
### Section settings
#### Collection card
* **Style**: Control how the collection cards display.
{% tabs %}
{% tab title="Standard" %}
{% endtab %}
{% tab title="Content inside with overlay" %}
{% endtab %}
{% tab title="Content middle" %}
{% endtab %}
{% tab title="Content inside with button" %}
{% endtab %}
{% tab title="Content outside with image rounded" %}
{% endtab %}
{% tab title="Content outside with icon" %}
{% endtab %}
{% endtabs %}
* **Show product count**: Show the number of products included in the collection.
{% tabs %}
{% tab title="Show Product count " %}
{% endtab %}
{% tab title="Show product count same line with collection name" %}
{% endtab %}
{% endtabs %}
#### Grid settings
* **Number of columns on desktop**: Display from 2 to 12 collection cards per row.
* **Column gap** / **Row gap**: Adjust spacing between cards.
#### Carousel
* **Enable carousel on desktop**: When enabled, the section turns into a horizontal scroll if your collections exceed the number of columns.
* **Show pagination**: Displays dots below the carousel.
* **Show navigation**: Displays arrows to navigate between slides.
#### Mobile layout
* **Enable swipe on mobile**: Allows horizontal scrolling.
* **Number of columns on mobile**: Choose between 1 or 2 columns for mobile view.
### Block settings
Each collection is added as a block in this section. You can customize:
* **Collection**: Select which Shopify collection to display.
* **Image**: Optional custom image override for the collection card.
* **Collection title**: Add a custom name (or leave blank to use the collection’s default title).
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.foxecom.com/zest-theme/theme-sections/collection-list.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
.jpg?alt=media&token=8673f7e0-ed1c-4803-b87a-6f50a54da188)
