# Collections slider

In this section, you can add blocks with collections.

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

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

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

## **Section settings**

### General

<figure><img src="/files/oPtWa8vLZojehFiyV2WW" 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="/files/6LaJ4xWh1aJhEpKxjlI3" 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="/files/oCMsK9W9trqxKu24dsvs" 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/vIoEwn9EUwdqzE8y0MSR" 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://utd-bv.gitbook.io/manual-shopify-theme-ultra/ultra-sections/sections-and-snippets/collections-slider.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.