# Collection list

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FddqhfPXfXiMAVNSaQGfL%2FUntitled%201.png?alt=media&#x26;token=da589210-ff1f-4429-83a1-0b769dc69861" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FiRaQg1Y1cCX0oa7G3qGJ%2FUntitled.png?alt=media&#x26;token=b22c154e-b531-4d63-94da-c42b3726c9f5" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FxCsv34b5XWeGHKTb2nMn%2FUntitled%202.png?alt=media&#x26;token=da8e13f7-8899-4d04-bc0b-7749072fba74" alt=""><figcaption></figcaption></figure>

## **Adding a Section**

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

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FAOVRt92JkJosbMcsAUJV%2FUntitled%203.png?alt=media&#x26;token=04238e0d-e35c-4d6f-bb19-d71651562808" alt=""><figcaption></figcaption></figure>

## **Section settings**

### General

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2F19zzjLvxoplFwleOYFu9%2FUntitled%204.png?alt=media&#x26;token=c72a29a8-5f9c-477a-9e9d-b6346aabb063" 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://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FcYnE4sTTIAx3ps1puTFb%2FUntitled%205.png?alt=media&#x26;token=82b49b87-54b0-4d22-9b97-49847ce24727" alt=""><figcaption></figcaption></figure>

### Color

<figure><img src="https://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FNzSj73utNGdyaY3PS4h9%2FUntitled%206.png?alt=media&#x26;token=1005d18a-0652-41f3-836b-3fbc515a8ba4" 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://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FyHrsWXgZ4yrhilFcyJkE%2FUntitled%207.png?alt=media&#x26;token=e5101398-c9e7-40a3-9443-77ef8ba73ba7" 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://3988388892-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX39aWWRJk2Y01xGBqnJw%2Fuploads%2FdyWhVo1o30SjzduMslcP%2FUntitled%208.png?alt=media&#x26;token=e3d08ed2-578a-42f7-9e72-5c65f8609576" 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;
