# Collection list

![image](https://docs-assets.foxecom.app/sleek-theme/Group%205101_Q6tG9vFr.png)

The collection list displays a quick list of desired collections to catch visitors' attention.

## How to add a Collection list

<Hint type="success">

Steps

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

</Hint>

To know more about creating and editing collections, see [Collections](https://help.shopify.com/en/manual/products/collections).

## How to edit a Collection list

### Section settings

#### **Layout**

Choose your preferred collection list **Layout** to draw customers' attention.

![image](https://docs-assets.foxecom.app/sleek-theme/image_HNPMBXiA.png)

<Tabs>
<Tab title="Standard">

![image](https://docs-assets.foxecom.app/sleek-theme/image_Pk4hwwi0.png)

</Tab>

<Tab title="Split">

![image](https://docs-assets.foxecom.app/sleek-theme/image_vUkOjHnd.png)

</Tab>
</Tabs>

#### Section header

Use the provided text fields to add a suitable **Heading, Subheading,** and **Text**.

* Leave them blank if you do not want to display them

You can also change the **Heading size** to Heading 1/ Heading 2/ Heading 3 and the **Text alignment** to Left/ Center to make the content look balanced on your website.

![image](https://docs-assets.foxecom.app/sleek-theme/image_tCswWwbO.png)

#### Highlight text

[How to apply Highlight text to the section heading and block headings?](https://docs.foxecom.com/sleek-theme/pages-global-sections/general-settings#highlight-text)

Use the provided text fields to add a suitable **Text**.

* Leave it blank if you do not want to display it

You can also change the **Description size** to Small/ Base size/ Large to make the content look balanced on your website.

![image](https://docs-assets.foxecom.app/sleek-theme/image_gzDFuT4h.png)

#### Card settings

To sync the Color scheme of the block with the section, select ✅ **Use section color scheme** checkbox.&#x20;

![image](https://docs-assets.foxecom.app/sleek-theme/image_bK3vob6j.png)

Moreover, you can change the card's **Style:**

* Use global settings
* Standard
* Card

![image](https://docs-assets.foxecom.app/sleek-theme/image_8oW82VJZ.png)

<Tabs>
<Tab title="Standard">

![image](https://docs-assets.foxecom.app/sleek-theme/image_7gZQZQv0.png)

</Tab>

<Tab title="Card">

![image](https://docs-assets.foxecom.app/sleek-theme/image_o2lm9OrU.png)

</Tab>
</Tabs>

Select the card's **Image ratio** as:

* Adapt to image
* Square (1:1)
* Portrait (3:4)
* Landscape (4:3)

![image](https://docs-assets.foxecom.app/sleek-theme/image_aLBFhkOS.png)

#### Grid settings

Set the **Number of columns for desktop** view between 2-6 columns; and choose your favorable **Column gap** as Extra large/ Large/Medium/Small/ Extra small/ None.

![image](https://docs-assets.foxecom.app/sleek-theme/image_49Djs537.png)

#### Carousel settings

You can ✅ **Enable the carousel on desktop** (when the number of collections added > the number of columns).

![image](https://docs-assets.foxecom.app/sleek-theme/image_zn8wthRt.png)

#### **Mobile layout**

You can ✅ **Enable swiping on mobile** or display the collections in a 2-grid column layout.

![image](https://docs-assets.foxecom.app/sleek-theme/image_pgAD8OTM.png)

### Block settings

Each collection block has its own settings such as **Collection title** (Leave blank to use collection's title), **Image**, and **Collection** link to choose from.

![image](https://docs-assets.foxecom.app/sleek-theme/image_UftsEc2R.png)