# Collection list slider
A Collection list slider displays a single-column carousel of selected collections, featuring a special large image for each collection to attract visitors' attention.
In this article, we will show you how to add a Collection list slider section.
## How to add a Collection list slider to your Shopify store
{% hint style="success" %}
**Steps:**
1. In the theme editor (**Customize**) > click **Add section.**
2. Select **Collection list slider.**
3. Make necessary changes.
4. **Save** the settings.
{% endhint %}
## How to edit a Collection list
### Section settings
#### Large image
* **Image ratio**: Control the ratio of the large image on the left (Adapt to image/ Square/ etc.).
#### Collection card
* **Image ratio**: Control the ratio of the collection image on the right (Adapt to image/ Square/ etc.).
#### Carousel settings
* **Controls background**: Customize the background for the navigation controls
{% tabs %}
{% tab title="Dark" %}
{% endtab %}
{% tab title="Light" %}
{% endtab %}
{% tab title="None" %}
{% endtab %}
{% endtabs %}
* **Desktop controls position**: Adjust the placement of the controls on the desktop
* **Pagination type:** Set pagination type as Dots/ Counter
{% tabs %}
{% tab title="Dots" %}
{% endtab %}
{% tab title="Counter" %}
{% endtab %}
{% endtabs %}
### Block settings
You can add multiple **Collection** blocks and **1** **Badge** block to the **Collection list slider** section.
{% tabs %}
{% tab title="Collection block" %}
Add an outstanding **Large image** for the block to draw customers' attention and make your website look more attractive.
Select a preferable or unique **Collection** that you want to show on the Collection list slider**.**
* Choose an **Image** for the Collection card. Leave the **Image** field blank if you want to use the collection's image.
* Use the provided text field to add a different **Heading** for the Collection. Leave the field blank to use the collection's title.
{% endtab %}
{% tab title="Badge block" %}
{% hint style="info" %}
The Badges block is only available in Zest **version 9.0.0 and above**. :sparkles:
See [Changelog](https://help.foxecom.com/changelog/zest).
{% endhint %}
Select a **Color scheme** for the Badges from the available list to match your store’s design.
Enter the **Text** you want to display on the badge.
* Example: `"Loved by customers - Loved by customers"`
{% hint style="success" %}
Ensure only **one space** is used between words or characters for proper formatting.
{% endhint %}
Upload an **Image** to appear alongside the text.
{% endtab %}
{% endtabs %}
.jpg?alt=media&token=f7732ee1-f3b8-4c81-8633-e0e2998cd56b)
.gif?alt=media&token=82724a2b-ccb6-4879-b7ac-5044cdd6b5ce)
