# Collections slider

In this section, you can add blocks with collections.

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2Fg6grSe07FmTlZNUHYVoh%2Fcollections-slider2.png?alt=media&#x26;token=0fee114f-b013-41e8-864b-88f20517e2a7" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F2k3s0vSAJc5ayfR878ey%2Fimage.png?alt=media&#x26;token=e56cb3fd-e393-4a3d-b8cf-fe0d27c4dfcc" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FxcCO9h72xugDenm4N0wK%2Fcollections-slider4.png?alt=media&#x26;token=e0fa8089-a296-4259-b8ac-7d0b3311fb9c" alt=""><figcaption></figcaption></figure>

## **Adding a section**

In order to add a section, you need to go to:

**`Customizer`** → **`Add Section`** → **`Collections slider`**.

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FeuqT6Qh8A1FOM2n8RKCP%2Fcollections-slider.png?alt=media&#x26;token=16ff1172-eafe-4468-a9d7-9ae35105151b" 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%2F8TQOMQ9H1956rNolYMqE%2Fcollections-slider5.png?alt=media&#x26;token=4944ef5b-2293-4dd0-a08f-605bfe46415f" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - heading of the section;
2. **`Text position`** - text position. Under the image or inside the image;

### Colors

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FBPCWPXLc8BUSvktGMxZI%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-02_%25D0%25B2_17.45.00.png?alt=media&#x26;token=d889e6db-5f92-4c3b-bf4e-767778f68733" alt=""><figcaption></figcaption></figure>

1. **`Overlay color`** - overlay for the image;
2. **`Inside the image text color` -** text color when ‘Text position: Inside the image’ is selected.

### Layout

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FNrsmhGr3UeKScnEuStIX%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-02_%25D0%25B2_17.46.24.png?alt=media&#x26;token=06a033dc-916e-4cd2-9d19-36dc6cc5ea72" alt=""><figcaption></figcaption></figure>

1. **`Container width`** - a container width of the section. If “Inherit” value is selected then container width 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**

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FahaO2Os5SSKs9lPI3mFi%2F%25D0%25A1%25D0%25BD%25D0%25B8%25D0%25BC%25D0%25BE%25D0%25BA_%25D1%258D%25D0%25BA%25D1%2580%25D0%25B0%25D0%25BD%25D0%25B0_2024-02-02_%25D0%25B2_17.47.04.png?alt=media&#x26;token=7c64e1dd-aa5f-457a-b18f-c650073eaf19" alt=""><figcaption></figcaption></figure>

1. **`Collection`** - collection;
2. **`Image`** - image picker. Use instead of collection image. If the setting is empty and the collection image is empty then an image from the first product of the collection will be shown.