# 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://2361551639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvpHXxVsLGG7Sr7k8tL4%2Fuploads%2FmWb5JyBkABG2DeUhHRG6%2Fcol_4.png?alt=media&#x26;token=e5ccdd96-7240-4be9-8b2f-dfe7b35ec579" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Under Image" %}

<figure><img src="https://2361551639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvpHXxVsLGG7Sr7k8tL4%2Fuploads%2FvqUOj0I4SnHPnSIk33xx%2Fcoll_5.png?alt=media&#x26;token=70916a70-9da5-45d4-8cad-ca7fd7a81779" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="https://2361551639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvpHXxVsLGG7Sr7k8tL4%2Fuploads%2FUCBHzRaGYUwHWAJHL8mo%2Fcoll_6.png?alt=media&#x26;token=078eba6f-80be-42d8-ae5c-ec909af1a144" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

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

<figure><img src="https://2361551639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvpHXxVsLGG7Sr7k8tL4%2Fuploads%2FtNydBe1uBG9GoHVMCo65%2Fcoll_7.png?alt=media&#x26;token=10794397-8939-445c-8a7b-fc7ea67b9049" alt=""><figcaption></figcaption></figure>
{% endtab %}

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

<figure><img src="https://2361551639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvpHXxVsLGG7Sr7k8tL4%2Fuploads%2FN14wyOlGroUtlnIfJlrZ%2Fcoll_8.png?alt=media&#x26;token=28547e5d-6d91-45e1-954c-7579777671fc" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### General Settings

![](https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/ceROgMwCgWHvlkW3iYck/image.png)![](https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/vztOgnhNr1j4wQK0NXbR/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/HvpHXxVsLGG7Sr7k8tL4/blobs/HmynXMTxw2EkMdduvV9D/image.png" alt=""><figcaption></figcaption></figure>

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