# Image slider

## **For customers**

In this section, you can add images to the carousel and add a link for each image if you wish.

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F6YMwmrTMCvYbI9BAjd4A%2Fimage-slider1.png?alt=media&#x26;token=559ee1d2-37d8-47b3-9f5b-23ce9a57f32a" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FIKcPtFpvU67JU31nYAHJ%2Fimage-slider2.png?alt=media&#x26;token=2fea0824-09d2-4d7d-befb-7649c4fd2569" alt=""><figcaption></figcaption></figure>

## **Adding a section**

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

## **Section settings**

### General

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FzxEgodgDorTIxYhdSONo%2Fimage-slider3.png?alt=media&#x26;token=2041be1c-2354-4da4-923b-d7632614e418" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - heading of the section.

### Slideshow settings

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FVIBxuExIidcoCIjdluwu%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-21_%25D0%25B2_10.28.40.png?alt=media&#x26;token=ba20d212-9c53-4b4a-bb11-7e6278eb3a19" alt=""><figcaption></figcaption></figure>

1. **`Autoplay`** - the setting is responsible for setting the automatic switching of slides;
2. **`Autoplay speed`** - the setting is responsible for the speed of the automatic switching of slides.

### Layout

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FjvWtB1Zs1xMY0M1HxLxC%2FUntitled%201.png?alt=media&#x26;token=47b25e4a-ef7c-4cb7-a5d7-caa38431adcd" alt=""><figcaption></figcaption></figure>

1. **`Desktop offset top`** - the **top** indent of the section on the **desktop**;
2. **`Desktop offset bottom`** - the **bottom** indent of the section on the **desktop**;
3. **`Mobile offset top`** - the **top** indent of the section on the **mobile**;
4. **`Mobile offset bottom`** - the **bottom** indent of the section on the **mobile**.

## **Block settings**

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FITsuo260LHpUv8LYhav4%2FScreenshot_3.png?alt=media&#x26;token=6a693c42-e871-461e-b58a-634b128d4ef2" alt=""><figcaption></figcaption></figure>

1. **`Image`** - setting allows you to set the image;
2. **`Link`** - setting allows you to set a link for the image.