# Shoppable videos section

Source: https://themes.spicydesign.ca/help/reference/sections/video-reels/
Updated: 2026-11-12

Shoppable videos. Settings for the Shoppable videos section in the Picante Shopify theme.


Shoppable videos section.

The same section in the three themes:

![The Shoppable videos section in the Picante style.](https://themes.spicydesign.ca/help/shots/section-video-reels--picante.webp)

![The Shoppable videos section in the Overdrive style.](https://themes.spicydesign.ca/help/shots/section-video-reels--overdrive.webp)

![The Shoppable videos section in the Pastille style.](https://themes.spicydesign.ca/help/shots/section-video-reels--pastille.webp)

**Where to find it:** In the theme editor, choose **Add section** on any template, then pick **Shoppable videos**.

The heading area is a static block named **Section header**. Select it in the section sidebar to edit the eyebrow, heading, text and buttons, or to restyle or reorder them.

When you add this section, it starts from the **Shoppable videos** preset.

## Settings

### Videos

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Card width | Slider | 248 px | 160 to 360 px, step 8 |  |
| Gap | Slider | 16 px | 0 to 48 px, step 4 |  |
| Fan the cards | Checkbox | On |  |  |
| Show arrows | Checkbox | On |  |  |

### Playback

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Play videos when they scroll into view | Checkbox | On |  | Videos play muted and visitors can pause them. They never start on their own for visitors who ask for reduced motion or when theme motion is off. |
| Popup color scheme | Color scheme | Scheme 1 |  |  |

### Section style

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Color scheme | Color scheme | Scheme 3 |  |  |
| Layout width | Select | Page width | Page width, Full width |  |
| Animation on scroll | Select | Theme default | Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in |  |
| Top padding | Slider | 80 px | 0 to 200 px, step 8 |  |
| Bottom padding | Slider | 80 px | 0 to 200 px, step 8 |  |

## Blocks

Add, reorder, duplicate or remove these blocks in the section sidebar: **Section header**, **Video**.

This section holds up to 12 blocks.

### Section header block settings

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Layout | Select | Stacked | Stacked, Split: content left, button right |  |
| Alignment | Select | Left | Left, Center, Right | Shown when **Layout** is Stacked. |
| Max width | Select | None | None, Narrow, Normal |  |
| Gap | Slider | 12 px | 0 to 64 px, step 4 |  |
| Space below | Slider | 48 px | 0 to 120 px, step 4 |  |
| Animation on scroll | Select | None | Theme default, None, Fade, Slide up, Scale in, Wipe, Blur in |  |


### Video block settings

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Video | Video |  |  | Use a vertical video (9:16). It plays muted. |
| Cover image | Image |  |  | Optional. Shown before the video plays. Uses the video's own cover when empty. |
| Caption | Text | Watch it in action |  |  |

Tag up to three products. They show with their prices and a buy button when someone opens the video.

#### Products

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Product 1 | Product |  |  |  |
| Product 2 | Product |  |  |  |
| Product 3 | Product |  |  |  |