> 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/bxqGqIkz7hCxzN6ZRp09/Untitled%201.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/Rmde4euzTOeYBsG9r3F0/Untitled.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/a3bIE0NkTjwHRLfwkq6x/Untitled%202.png" alt=""><figcaption></figcaption></figure>

## **Adding a Section**

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

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/iWHsQsbqku0b06daovLB/Untitled%203.png" alt=""><figcaption></figcaption></figure>

## **Section settings**

### General

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/20AkCFa92tUTXfqwSX72/Untitled%204.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/xcIeGaqJGlCGtpyNOiK5/Untitled%205.png" alt=""><figcaption></figcaption></figure>

### Color

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/FkliK9kCVgdZzge3MXNx/Untitled%206.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/OXrHkhrBBEk3lRguqN1q/Untitled%207.png" 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="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/hBbPBDxIvUERn4puvomv/Untitled%208.png" 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;