# Collection list Swiper

In the theme editor **(Customize) => Section**, Add **Collection list Swiper**

**Collection list Swiper** has **5 styles**

{% tabs %}
{% tab title="On Image" %}

<figure><img src="https://content.gitbook.com/content/ou66zlGuL81AP7Hl5Ehv/blobs/9ncSEIVuh61sLYHMD5E6/coll_list_sw_1.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Under Image" %}

<figure><img src="https://content.gitbook.com/content/ou66zlGuL81AP7Hl5Ehv/blobs/JK361lMbf8kZUhe65Lpi/coll_list_sw_2.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Under Image (sub item)" %}

<figure><img src="https://content.gitbook.com/content/ou66zlGuL81AP7Hl5Ehv/blobs/3lEwSrCu5gEeFzIvc8zv/coll_list_sw_4.png" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Button On Image" %}

<figure><img src="https://content.gitbook.com/content/ou66zlGuL81AP7Hl5Ehv/blobs/7WRbQzUbfXBZ7rFjGPce/coll_list_sw_3.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Arrow on Image" %}

<figure><img src="https://content.gitbook.com/content/ou66zlGuL81AP7Hl5Ehv/blobs/7j4CBKgIxOKgQ6JN2lSl/coll_list_sw_5.png" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### General Settings

![](https://content.gitbook.com/content/ou66zlGuL81AP7Hl5Ehv/blobs/Qf3jOQ6Uc7ACzM2zXSBu/image.png)![](https://content.gitbook.com/content/ou66zlGuL81AP7Hl5Ehv/blobs/7TMPAOFGiRSTR8qv70ss/image.png)

* Select Animation
* Width of Container
* Background Section
* Text content, Sub Title, Heading, HTML/Description
* Align Heading
* Item
  * Style collection ( 5 styles )
  * Size Image Collection
  * Color
  * Background Overlay
  * Enable Gradient
  * Opacity Overlay
  * Size Name Collection
* Button Link, Button Text
* Carousel
  * Per View Desktop
  * Space Between
  * Wrap Box
  * Arrows
  * Scroll Bar
* Section Padding (Desktop on Mobile)

### Block Settings

{% hint style="success" %}
In **Collection list Swiper** Section **>** Add **Collection**
{% endhint %}

<figure><img src="https://content.gitbook.com/content/ou66zlGuL81AP7Hl5Ehv/blobs/u9AYX2YcZLEtAUbL0sPx/image.png" alt=""><figcaption></figcaption></figure>

* Select Collection
* Image (You can customize the image for each collection)