> 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/shoppable-video.md).

# Shoppable video

<figure><img src="/files/VRZwXNJ7mGQuj2HfDprI" alt=""><figcaption></figcaption></figure>

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

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

## General Settings

<figure><img src="/files/kWzixo2QYHa6FViAGBiq" alt=""><figcaption></figcaption></figure>

* **Width** - With of this section 3 options : Boxed / Wide / Full
* **Subheading**&#x20;
* **Heading** - Heading of this section
* **Heading size** - From Heading 1 to Heading 6
* **Description** - Description of this section
* **Layout** - *Horizontal / Vertical*

<figure><img src="/files/ihTIdYDLWv857egLjHwP" alt=""><figcaption></figcaption></figure>

### Card settings

* Card style
* Show play/pause button
* Show mute/unmute button
* Show progress bar
* Play all videos
* Same height videos
* Ratio videos
* Width videos

### Carousel settings

* Show arrows
* Gap (desktop)
* Gap (mobile)

### Colors

<figure><img src="/files/lO3No6N1xgS1wu5SBX7z" alt="" width="280"><figcaption></figcaption></figure>

### Section padding

<figure><img src="/files/LBq81hS9G4lOzLHuSNRz" alt="" width="280"><figcaption></figcaption></figure>

## Block settings

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

1. Locate **Shoppable video**
2. **Add Video**
3. Make necessary changes. > **Save.**
   {% endhint %}

<figure><img src="/files/xA8JyUfn7ze2DHJV4Y2z" alt=""><figcaption></figcaption></figure>