# Product carousel

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FtZDdqtylZy31nRTPb99N%2FUntitled%20(15).png?alt=media&#x26;token=75ec774e-400d-4dc9-b09b-abcd09cf2089" alt=""><figcaption></figcaption></figure>

## **Adding a section**

In order to add a section, you need to go to **`Customizer`** → **`Add Section`** → **`Products carousel`**.

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F4Jqgs8jECaA01r7syNK9%2FUntitled%20(16).png?alt=media&#x26;token=c4c593bc-56af-40e6-9010-03ea8d77c819" alt=""><figcaption></figcaption></figure>

## **Section settings**

### General

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F1jHhGlluOuiZEKFyVGHf%2FUntitled%20(17).png?alt=media&#x26;token=d2fb970f-0be4-49ee-9e36-1f15bca2898d" alt=""><figcaption></figcaption></figure>

1. **`Button style`** - The setting is responsible for the style of the button.

### Layout

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FRwXpjSTG87BSRbLUNZuF%2FUntitled%20(18).png?alt=media&#x26;token=a19cf06f-fa56-4834-9060-e0f9dcea49f8" alt=""><figcaption></figcaption></figure>

1. **`Container width`** - a container width of the section. If the “Inherit” value is selected then the container width is based on the group 'Layout' settings in the Theme settings;
2. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
3. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
4. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
5. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.

## **Blocks settings**

### Product

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FN0nV2e3PWHZbB3QLcgIh%2FUntitled%20(19).png?alt=media&#x26;token=7b53e006-194e-4ec9-99e7-0387682bbb8a" alt=""><figcaption></figcaption></figure>

1. **`Product`** - you can choose a product for the block;
2. **`Show first available variant`** - you can choose whether the block will show options;
3. **`Banner HTML5 desktop video`** - you can choose a video for the banner on the **desktop**;
4. **`Banner HTML5 mobile video`** - you can choose a video for the banner on the **mobile**;
5. **`Banner image desktop`** - you can choose an image for the banner on the **desktop**;
6. **`Banner image mobile`** - you can choose an image for the banner on the **mobile**.