# Collection list

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

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

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

## **Adding a Section**

**`Customizer`** → **`Add Section`** → **`Collection list`**.

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

## **Section settings**

### General

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

1. **`Heandle`** - you can set a title for the section;
2. **`Text alignment`** - you can choose one of two positions for the text;
3. **`Image aspect ratio`** - you can choose the look of the picture;
4. **`Card per row`** - you can choose the number of columns;
5. **`Enable rounded cards`** - you can add rounding and padding for images;

<figure><img src="/files/8deAcH6zOtjw46PpbccR" alt=""><figcaption></figcaption></figure>

### Color

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

1. **`Overlay color`** - you can set the color for the overlay;
2. **`Image text`** - you can set the color for the text;

### Layout

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

1. **`Сollection`** - you can select a collection for the block;
2. **`Image`** - you can choose an alternative picture for the collection;


---

# 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/collection-list.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.