# Collection list Swiper



{% hint style="info" %}
In the theme editor **(Customize) => Section**, Add **Collection list Swiper**
{% endhint %}

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

{% tabs %}
{% tab title="On Image" %}
<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2F9ZcVDPdMXHWt6zunT0Cc%2Fsw1.jpg?alt=media&#x26;token=62ca4214-3789-4e0c-abf8-774264e5339a" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Under Image" %}
<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FO5dwQjnoYMhRBgr1Bfrs%2Fsw2.jpg?alt=media&#x26;token=b460cd8a-0377-4f78-8367-bd18eb53cd53" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Under Image (sub item)" %}
<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FoisUOnE24bEtVhWx0RY5%2Fsw3.jpg?alt=media&#x26;token=678bf4a4-5d26-4716-9e37-2ee17fe3aa37" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Button On Image" %}
<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FMdkK5H31Y3So9OLe2tBt%2Fsw4.jpg?alt=media&#x26;token=f37bf622-802e-4302-a670-8c0164546f1f" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Arrow on Image" %}
<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FjhRWTC6leOkO7epavA7w%2Fsw5.jpg?alt=media&#x26;token=7a1cb6be-adc4-4227-b2ff-e17767603f35" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### General Settings

<div><figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FRm387lqKX4BNdik2fSjz%2Fsw6.jpg?alt=media&#x26;token=a8dec56d-b11b-4d39-8ae6-c994aa5d592c" alt=""><figcaption></figcaption></figure> <figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2F6l2rWYAdHg2HAg8twHEB%2Fsw7.jpg?alt=media&#x26;token=635574a4-7f22-4df3-8f65-74abb5937d62" alt=""><figcaption></figcaption></figure></div>

* 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://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FYk5setvPjP7GeqBzqsb3%2Fsw8.jpg?alt=media&#x26;token=de8f4e56-fd2e-4181-9cce-78f67ac28ef7" alt=""><figcaption></figcaption></figure>

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