# Lookbook slider

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FK0H9z2ohUc7hgVGgNu7Q%2F2025-04-04_13-59-46.jpg?alt=media&#x26;token=a89bd0d1-bc96-4d69-ab51-a8edc4f56dd0" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
**Steps:**&#x20;

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

## General Settings

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FP9xzQIHU0lqZ0yARw3ct%2F2025-04-04_14-00-20.jpg?alt=media&#x26;token=bf26d870-ab4a-4c3d-9616-a13328eaebc8" alt="" width="281"><figcaption></figcaption></figure>

* **Section width** -  Boxed / Wide / Full
* **Image -** Select image
* **Media size -**  Adapt to image / Square (1:1) / Portrait (3:4) / Landscape (4:3) / Landscape (5:3.5) / Wide (16:9)

### Carousel settings

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2Fw8FH12cytDFC9Mo62JAq%2F2025-04-04_14-01-13.jpg?alt=media&#x26;token=12c93f40-3e10-4f43-b540-030af25540cd" alt="" width="286"><figcaption></figcaption></figure>

* **Columns (Desktop) -** 1 columns / 2 columns
* **Show arrows**
* **Show carousel progress bar**
* **Enable swipe on mobile**
* **Gap (desktop)**
* **Gap (mobile)**

### **Colors**

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FSkvqPQvO1SHt2NsEaIG9%2F2025-04-04_14-02-21.jpg?alt=media&#x26;token=2c6cdd44-daa9-4856-917f-7866e8bb496c" alt="" width="279"><figcaption></figcaption></figure>

* Background
* Text color

#### Hot spot dot

* Background
* Background after

### Section padding

<figure><img src="https://content.gitbook.com/content/IGTidUfSjAqopf8pRRmN/blobs/n2xL6bjz1tYl76g1pebr/padding-c.jpg" alt="" width="280"><figcaption></figcaption></figure>

* **Top padding**
* **Bottom padding**

## **Block settings**

{% hint style="success" %}
Steps:

1. Locate **Lookbook slider**
2. **Add Product** > Select block you want
3. Make necessary changes. > **Save.**
   {% endhint %}

<figure><img src="https://2841038207-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIGTidUfSjAqopf8pRRmN%2Fuploads%2FsPh8ieKHgbwgBZCTXBbu%2F2025-04-04_14-03-01.jpg?alt=media&#x26;token=097c9680-a9d5-4280-9e9e-58dc3f9aa426" alt="" width="292"><figcaption></figcaption></figure>