> For the complete documentation index, see [llms.txt](https://qodex.gitbook.io/shopify-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://qodex.gitbook.io/shopify-docs/theme-sections/product-list-swiper.md).

# Product List (Swiper)

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

{% tabs %}
{% tab title="Wrap Box" %}

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FqXRPucT1VRVCcGK0Aj2M%2F237.png?alt=media&amp;token=74a9bd00-328c-4955-bcde-96b0dbb8594f" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Disable Wrap Box" %}

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FwIpQ3kVNIdHyhD084Qbz%2F238.png?alt=media&amp;token=516e9439-4916-4c12-9f68-fc798c7d8373" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Scroll Bar Bottom" %}

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FfVKMs8ukunBZ7ufB6UJN%2F239.png?alt=media&amp;token=536aa752-6026-44f0-9cf6-304123de754f" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### General Settings

![](https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FDBAw8NFd9prI3UjvSxtu%2F240.png?alt=media\&token=d0859cc7-60f2-48f9-b8e8-148f606d58cc)![](https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FgfxjGJvTGHQkNFLKI7Ic%2F241.png?alt=media\&token=0e642904-c164-4a7d-b40c-530fde227d6c)

* Select Animation
* Width of Container
* Background Section
* Text content, Sub Title, Heading, Description
* Align Heading
* Select Collection
* Limit items
* Per View Desktop
* Space Between
* Wrap Box
* Arrows
* Scroll Bar
* Section Padding (Desktop on Mobile)

{% hint style="success" %}
In **Product list (Split)** Section **>** **Image Text**
{% endhint %}

* Image Main
* Border Radius Image
* HTML / Description
* Background Image
* Background Position
* Background Text Block

{% hint style="success" %}
In **Product list (Split)** Section **>** **Product List**
{% endhint %}

* HTML / Description
* Select Collection
* Arrows
* Draggable
* Dots
* Infinite
* Limit items
* Display items