# Lookbook Settings & Features

### What You’ll Learn

* How to configure and style your Lookbook
* Overview of all customization settings
* How each feature impacts layout and display

***

### 📸 Lookbook Section Overview

Once you've added the **Lookbook** section to a page, you’ll see a parent block for the entire Lookbook and multiple **Lookbook Item** blocks beneath it.

Each Lookbook Item is a single image. You can add as many as you'd like to build your grid.

> 💡 Tip: Click on any Lookbook image in the live preview to enter fullscreen gallery mode!

***

### 🔧 Lookbook Settings (Parent Block)

Click on the **Lookbook** section (not the items) to access these settings:

#### **Content & Data**

* **Title** – Add a campaign name or title (e.g. `AW23 CAMPAIGN`)
* **Description** – Add rich text or instructions
* **Link Text + Link** – Add a call to action (e.g. “SHOP COLLECTION”)

#### **Layout & Display**

* **Header Alignment** – Left or Center
* **Columns (Desktop)** – Control how many image columns appear (up to 6)
* **Scroll Animation** – Enable smooth animation when scrolling
* **Swipe Animation (Mobile)** – Adds swipe effects on touch devices

#### **Typography**

* Control font size and alignment for the title and description

#### **Colors**

Customize the color of:

* Title, description, link
* Caption text
* Gallery controls (Close button, scroll bar, swipe animation)

#### **Styling**

* **Round Image Corners** – Adjust corner radius (e.g. 16px)

#### **Spacing**

Set margin space for titles and descriptions on both desktop and mobile

***

### 🖼️ Lookbook Item Settings

Each **Lookbook Item** is just an image.

To add or replace an image:

1. Click on the item block
2. Upload or choose an image

You can add as many image blocks as you'd like under the Lookbook section.

> 💡 Tip: The images will automatically arrange into the number of columns you set in the parent section.

***

### **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/plain-jane-interactive/pages-and-menus/lookbook-page/lookbook-settings-and-features.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.
