> 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/wwUPmP0MrTF2laBmpGia/image-slider1.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/aOGK0bq7tYnZdMWJLysz/image-slider2.png" 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://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/Y39t0mPQH9Fs8t0SDzlr/image-slider3.png" alt=""><figcaption></figcaption></figure>

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

### Slideshow settings

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/QOCnIeacUemUIKzId7dk/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA_%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0_2024-02-21_%D0%B2_10.28.40.png" 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://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/U9NThOlTj5kdRHeTpASM/Untitled%201.png" 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://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/yCqIEC0Tika4LhjuGq0J/Screenshot_3.png" 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.