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

# 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;