# Collection List Section

### What You’ll Learn

* How to showcase multiple collections or lookbooks in a grid
* How to customize layout, spacing, typography, and colors
* How to link each block to specific collections or custom pages

***

### 📚 Overview

The **Collection List Section** lets you highlight multiple collections or visual lookbooks on a page. Each block includes an image, title, description, and optional link. This is perfect for building a curated gallery or category grid.

***

### 🧭 How To Add the Section

1. In the **Theme Editor**, click `Add section`.
2. Select **Collection List**.
3. Drag the section to where you want it on the page.

***

### 🛠 Section Settings

#### Content & Data

* **Section Title** – The heading text that appears at the top of the section.

#### Layout & Display

* **Number of Items to Show on Mobile** – Choose how many blocks appear on smaller screens.

#### Typography

Control font sizes across devices:

* Section Title Size (Desktop & Mobile)
* Lookbook Title Size (Desktop & Mobile)
* Description Size (Desktop & Mobile)
* Toggle `Bold Section Title` and `Bold Lookbook Title` as needed.

#### Colors

Customize each element’s appearance:

* Background Color
* Section Title Color
* Lookbook Title Color
* Description Color

#### Styling

* **Round Image Corners** – Adjust border radius for the images.

#### Spacing

Control the padding and visual separation:

* Top/Bottom Spacing (Desktop & Mobile)
* Space Between Header and Lookbooks
* Gap Between Items (Desktop & Mobile)

***

### 🧱 Block Settings (Collection Item)

Each block in the Collection List allows the following:

* **Cover Image** – Upload a visual for the collection or lookbook.
* **Title** – Name your collection or lookbook.
* **Description** – Optional supporting text.
* **Lookbook Link** – Paste a link to any collection or page in your store.

> 💡 Tip: You can add multiple collection blocks under the same section using `+ Add block`.

### **Need Help?**

* 💬 **Join our community on Discord:** <https://discord.gg/hcc2GvgZc6>
* 📧 **Email us at:** <support@openspaces.design>
* 💻 **Live chat with us:** Available Monday–Friday, 10AM–6PM EST, directly on our website