# Lookbook slider

![image](https://docs-assets.foxecom.app/hyper-theme/Hyper%20docs%20screenshot%20do%20not%20delete%20(60)_hYySuJ1t.jpg)

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

## How to add a Lookbook slider to your Shopify store

<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

#### Section header

Customize the text and alignment to ensure the header effectively communicates your message and encourages engagement.

<Expandable title="See settings">

* **Subheading**: Add a short, secondary heading to complement the main heading. This can provide additional context or detail.
* **Heading**: Enter the primary title for your banner.
* **Heading size:** Adjust the size to fit your design preference and ensure readability. Choose from available heading sizes.
* **Text:** Add a detailed explanation or summary for the banner. Use rich text formatting like **bold**, *italic*, links, and lists for better visual emphasis.
* **Button label:** Input the text for the call-to-action button.
* **Button link:** Add a link to the button to direct users to a specific page, product, or collection.
* **Button style:** Choose a style for the button.

</Expandable>

#### Grid settings

Adjust the gap between columns.

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

#### Carousel settings

<Tabs>
<Tab title="Carousel on desktop">

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

</Tab>

<Tab title="Grid layout">

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

</Tab>
</Tabs>

### Block settings

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

You can add multiple lookbook cards to the section. Settings for each lookbook card include:

* **Products**: Select up to 5 products.
* **Width**: Adjust the card's width for desktop and mobile view separately.
* **Image**: Upload/select an image for the card.
* **Heading**: Enter a heading for the product list.

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