# Lookbook banner

![image](https://docs-assets.foxecom.app/sleek-theme/image_vhUIaASO.png)

A lookbook showcases multiple products and lets customers interact with them. 

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

## How to add a Lookbook banner section

<Hint type="success">

Steps

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

</Hint>

## 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

![image](https://docs-assets.foxecom.app/sleek-theme/image_BPuv5D17.png)

#### Highlight text

[How to apply Highlight text to the section heading and block headings?](https://docs.foxecom.com/sleek-theme/pages-global-sections/general-settings#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

![image](https://docs-assets.foxecom.app/sleek-theme/image_43Zn3E4V.png)

#### 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.

![image](https://docs-assets.foxecom.app/sleek-theme/image_nvBix9Yn.png)

#### 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.

![image](https://docs-assets.foxecom.app/sleek-theme/image_l0CqnHJw.png)

### Block settings

<Hint type="success">

Steps

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

</Hint>

#### 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.

![image](https://docs-assets.foxecom.app/sleek-theme/image_S4XnJOqG.png)

<Hint type="warning">

There is a limit of 20 pinned products used in the Lookbook section per page.

</Hint>

#### Scrolling text

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

![image](https://docs-assets.foxecom.app/sleek-theme/image_NTIWlCJA.png)

<Hint type="info">

You can add 1 message per Lookbook banner section only.

</Hint>