# 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/readme-1/sections-and-features/collection-list-section.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.