# Collection list

{% hint style="success" %}
Steps

1. In the theme editor (**Customize**), click **Add section**
2. Locate **Collection list**
3. **Save**
   {% endhint %}

The Collection List section offers two versatile display options: Grid and Carousel, allowing you to showcase your collections in the most appealing way.

Grid View: The collections are arranged in a clean, structured grid layout, ideal for displaying a large number of items in a balanced format. You can easily customize the number of columns to suit your design preferences.

Carousel View: For a more dynamic and interactive presentation, the carousel layout allows users to scroll through collections horizontally, perfect for saving space and creating a smooth browsing experience.

Within each collection, you can fully customize the images, colors, and content. This allows you to tailor each collection’s visual appearance and content to match your brand's style or the theme of the page.

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/p7DQLUo3Ww19m3hVoYts/Group%201.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/tPnWB8cUdEisM9o0Q8kd/Group%202.png" alt=""><figcaption></figcaption></figure>

### General setting <a href="#id-1.-design-settings" id="id-1.-design-settings"></a>

**Heading**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/j8L3xxb0QEUSTKXuit7G/image.png" alt=""><figcaption></figcaption></figure>

**Card settings**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/sTnBCAv146poo9Cj10Bo/image.png" alt=""><figcaption></figcaption></figure>

**Carousel**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/ZbAtp1qy4Yg1IbxIPxof/image.png" alt=""><figcaption></figcaption></figure>

**Color**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/v5IEMEsHCnt2kzQRHsLT/image.png" alt=""><figcaption></figcaption></figure>

**Spacing and Custom Attributes**

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/zhYSdEAxPDK0VSQKPTl6/image.png" alt=""><figcaption></figcaption></figure>

### Block Settings

<figure><img src="https://content.gitbook.com/content/cUqKoPilRWuYhiqGpaZy/blobs/48v0vEWBAxjBQItkHhSy/image.png" alt=""><figcaption></figcaption></figure>
