> For the complete documentation index, see [llms.txt](https://oranthemes.gitbook.io/edge-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://oranthemes.gitbook.io/edge-theme/theme-sections/lookbook-slider.md).

# Lookbook slider

<figure><img src="/files/1HZ0DWjMlX5POURU6zVq" 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="/files/MGHCm607P09jPaxoN6s4" 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="/files/vrLSruSyDd5S77gQdJgt" 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="/files/vXA0UNOR4nbmWcHdWR3K" alt="" width="279"><figcaption></figcaption></figure>

* Background
* Text color

#### Hot spot dot

* Background
* Background after

### Section padding

<figure><img src="/files/LBq81hS9G4lOzLHuSNRz" 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="/files/48TG1dP50IqBxoWYFxBS" alt="" width="292"><figcaption></figcaption></figure>