# Lookbook slider

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

Lookbook slider provides an interactive and engaging user experience, leading to higher levels of user engagement and interaction.

## How to add a Lookbook slider

<Hint type="success">

**Steps**

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

</Hint>

## How to edit a Lookbook slider

### Section settings

#### General

Enable the **Use color scheme in container** checkbox to apply this color scheme for the container.

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

#### 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_rCe6vz6L.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_imqlWajr.png)

#### Image settings

* **Image**: Select/upload an image to the lookbook.
* **Image ratio**: Adapt to image/ Square/ Potrait/ Landscape.
* **Desktop image position**: Set where the image is displayed on desktop - Left/ Right.
* **Hotspot color**: Set the color of the hotspot - Light/ Dark.

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

#### Product cards

Set how the product cards are displayed in the slider.

* **Image ratio**: Set the image ratio of the product cards.
* **Products per row**: 1-2 products&#x20;

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

### Block settings

You can add multiple **Product** blocks to the **Lookbook slider** section.

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

To tag product blocks on the item image, you must add the chosen **Product**. Then, use the **Vertical alignmen**t and **Horizontal alignment** to adjust the annotation icon.

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