# Product list (Split)

In the theme editor **(Customize) => Section**, Add **Product list (Split)**

<figure><img src="https://content.gitbook.com/content/lEotOCR2SdbhAYww20xw/blobs/9suhBtqP609LZCFSNSj5/image.png" alt=""><figcaption></figcaption></figure>

### General Settings

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

* Select Animation
* Width of Container
* Background Section
* Section Padding (Desktop on Mobile)

### Block Settings

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

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

* 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 %}

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

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