# Lookbook slider

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2F48j7Eb0qqSdOSQdpVD43%2Flb-s.jpg?alt=media&#x26;token=6ab7cf92-4009-4a7a-a22b-33f62213ab44" 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://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FZQX3Lz0rCtzLwUAq8p3h%2Flb-sg.jpg?alt=media&#x26;token=739eb848-58e3-485a-a5e8-bfd229ceaef5" alt=""><figcaption></figcaption></figure>

* **Section width** -  Container / Stretched / Full width&#x20;
* **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://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2Fv85H91eyN7xJfpbHfysu%2Flb-sc.jpg?alt=media&#x26;token=e97a4f2b-8d9a-4513-b80e-2580c7eba8aa" alt=""><figcaption></figcaption></figure>

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

### **Colors**

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FkueoH9TuMuY3VoRWGAHK%2Flb-c.jpg?alt=media&#x26;token=7f2a4037-4245-4c7d-bd9c-750e34a0f78f" alt=""><figcaption></figcaption></figure>

* Background
* Text color

#### Hot spot dot

* Background
* Background after

### Section padding

<figure><img src="https://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2Fc0cazMLYpU5yjLuS4vGl%2Fpadding-c.jpg?alt=media&#x26;token=d8c91b56-445e-4ea5-bbc5-f825cf08e577" 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://1556176885-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPgk3wauuyAKlfkLLpBvA%2Fuploads%2FfkCBEuUnGKHoz2M5nANs%2Flb-s-b.jpg?alt=media&#x26;token=a0fa058a-4a91-4cda-b181-1601e621a0a0" alt=""><figcaption></figcaption></figure>
