# Collection list

***

### 1. Our guide to set up a Collection list section:

{% hint style="info" %}
**Steps:**

* In the theme editor, click **Add section**.
* Select **Collection list**.
* Click **Save**.
  {% endhint %}

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FooR7M1Juj7OdoppRcTcK%2FScreenshot%202023-12-19%20at%202.17.00%20PM.png?alt=media&#x26;token=47bab400-ff97-43c2-9dd0-7c34aff43b3c" alt=""><figcaption></figcaption></figure>

> ***Note**: You can add up to 16 collection blocks to a collection list.*

### **2. Section blocks: Collection**

* The collection list consists of collection blocks that you can add/remove.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/99a0edd7-9498-45ad-a728-dd3cfa44bc43/Screenshot%202023-11-13%20at%203.50.56%20PM.png" alt=""><figcaption></figcaption></figure>

* In each collection block, you select one collection from the list of collections you have created.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/b7dbc3f4-d048-4bb7-af12-e25233378585/Screenshot%202023-11-13%20at%204.02.20%20PM.png" alt=""><figcaption></figcaption></figure>

### **3. Collection list section settings:**

* Click on the **Collection list** section to open the section settings.

<figure><img src="https://t9008110498.p.clickup-attachments.com/t9008110498/847a4593-6602-43d7-bb25-a6c49e981fc3/image.png" alt=""><figcaption></figcaption></figure>

* **Heading:** Use the provided text field to add a heading. Leave the field blank if you do not want to display it.&#x20;

<figure><img src="https://lh7-us.googleusercontent.com/P2R_KsQzplkJ8Hp52zAgooeIsyLhz51hsMR1KUsgRgFT_09KRZY9_InrZrbBMgcpuE5XmFYY1C863SObaJljuA6MLXg2bHaVYB1x1RSq3EPQQj8AiUhd4Bt60kqAkzf6DEdYZmYI_mdCCds6IyfsKCI" alt=""><figcaption></figcaption></figure>

* **Image ratio:** Modify the image format

<figure><img src="https://lh7-us.googleusercontent.com/3qiua_KtDwFIyPYIOgbB9yzkES5TbWgjsJ3z8zvdiWmdMm5k8skYNrwvW0FOZogtrOFyusWVb2_D6jw5bY-h_gvnDl5MMV9t6hfPdW53nj1gwv-_So5xE6oBlA4W9pmz4-_QFvMtzomrJCrAGUaB4Rc" alt=""><figcaption></figcaption></figure>

* **Color scheme**: assign a color using the color scheme.

<figure><img src="https://1670075522-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F6M5ltDUBhmgWKXclaWBK%2Fuploads%2FJIL1XieQoBlBr0zjWlSJ%2FScreenshot%202023-12-19%20at%202.19.31%20PM.png?alt=media&#x26;token=4e6ee34b-c8b3-48f9-84fb-9e94b4d5cd48" alt=""><figcaption></figcaption></figure>
