> 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/video-slideshow.md).

# Video slideshow

<figure><img src="/files/It3hdmyhJ1K99FrJVTfo" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/9RoW9toMGCHTVnXBUMoV" alt=""><figcaption></figcaption></figure>

## **Adding a section**

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

**`Customizer`** → **`Add Section`** → **`Video slideshow`**.

<figure><img src="/files/rSxFeN4yMrZeYJttj9CT" alt=""><figcaption></figcaption></figure>

## **Section settings**

### General

<figure><img src="/files/Hugl8CnswQropk2D0TIr" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - you can set a title for the sections;
2. **`Text`** - you can set a text for the sections;

### Layout

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

1. **`Image`** - you can set a picture for the block;
2. **`Heading`** - you can set a title for the block;
3. **`Video type`** - you can select the type of video that will be played in the pop-up window (HTML5, YouTube/Vimeo);
4. **`HTML5 desktop video`** - You can choose a video for your desktop;
5. **`HTML5 mobile video`** - You can select a video for your mobile device, if no video is selected, the desktop video will be displayed;
6. **`Youtube/Vimeo desktop video url`** - you can set a link to a YouTube/Vimeo video for desktop;
7. **`Youtube/Vimeo mobile video url`** - you can set a link to a YouTube/Vimeo mobile video, if no video is selected the desktop video will be displayed;