# Lookbook banner

<figure><img src="/files/vhUIaASOqMoDHxvcoMvX" alt=""><figcaption></figcaption></figure>

A lookbook showcases multiple products and lets customers interact with them.&#x20;

The lookbook is an amazing display that can boost your sales like a sophisticated art.

## How to add a Lookbook banner section

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Add section.**
2. Locate **Lookbook banner.**
3. Make necessary changes.
4. **Save.**
   {% endhint %}

## How to customize a Lookbook banner section

In the Lookbook banner section, you can pin your products to the image banner and add a scrolling message under it.

### Section settings

#### Section header

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

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

You can also change the **Heading size** to:

* Heading xs
* Heading sm
* Heading md
* Heading lg
* Heading xl
* Heading 2xl
* Display md
* Display lg
* Display xl

<figure><img src="/files/BPuv5D17PwdYKIbOTqey" alt=""><figcaption></figcaption></figure>

#### Highlight text

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

Use the provided text fields to add a suitable **Subheading** and **Description**.

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

<figure><img src="/files/43Zn3E4VEBUY6jCDkfkZ" alt=""><figcaption></figcaption></figure>

#### Image settings

* **Image**: Add the image banner. You can set an image for desktop and mobile view separately.
* **Hotspot color**: Set the color as Light/Dark.

<figure><img src="/files/nvBix9YnwOhlgIRigvTS" alt=""><figcaption></figcaption></figure>

#### Scrolling promotion settings

* **Direction**: Set the direction of the scrolling message - Left/Right.
* **Pause scroll on hover**: When hovering over the section, the scrolling stops.
* **Speed**: The speed of the text when scrolling (0.1x to 3x).
* **Text color**: Set the color of the text.

<figure><img src="/files/l0CqnHJwuJHaRy75sbWR" alt=""><figcaption></figcaption></figure>

### Block settings

{% hint style="success" %}
Steps

1. In the **Lookbook** section, click **Add block.**
2. Select a **Product** or **Scrolling text** block.
3. Make necessary changes.
4. **Save.**
   {% endhint %}

#### Product block

To tag products on the item image, you must add the chosen products. Then, use the vertical and horizontal alignment to adjust the hotspot icon.

<figure><img src="/files/S4XnJOqGBnAcsvS7AcbD" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
There is a limit of 20 pinned products used in the Lookbook section per page.
{% endhint %}

#### Scrolling text

Add your motivational text and link it to your desired page if needed.

<figure><img src="/files/NTIWlCJAgrKznfeisCje" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
You can add 1 message per Lookbook banner section only.
{% endhint %}


---

# 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.foxecom.com/sleek-theme/theme-sections/lookbook-banner.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.