> For the complete documentation index, see [llms.txt](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/ultra-sections/sections-and-snippets/image-slider.md).

# 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="/files/HSt9VdXvpXF7QGdEGym7" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/KH1M6KrH7AU6rDOpepX8" 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="/files/hllkm8He2EqCB9IJRYDk" alt=""><figcaption></figcaption></figure>

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

### Slideshow settings

<figure><img src="/files/UuSDf8GgKKZs7dlHxwyY" 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="/files/1JpkzxxxRTLJALfd9gH3" 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="/files/mj5YCeiwBRHSc0be6DY3" 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.