# Slideshow section

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

Slideshow. Settings for the Slideshow section in the Picante Shopify theme.


Slideshow section.

The same section in the three themes:

![The Slideshow section in the Picante style.](https://themes.spicydesign.ca/help/shots/section-slideshow--picante.webp)

![The Slideshow section in the Overdrive style.](https://themes.spicydesign.ca/help/shots/section-slideshow--overdrive.webp)

![The Slideshow section in the Pastille style.](https://themes.spicydesign.ca/help/shots/section-slideshow--pastille.webp)

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

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

## Settings

### Slides

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Height | Select | Large | Small, Medium, Large, Full screen |  |
| Transition | Select | Slide | Slide, Fade, Zoom |  |
| First slide heading | Select | H2 | H1, H2 | Use H1 only when the slideshow holds the main heading of the page. Other slides always use H2. |

### Autoplay

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Change slides automatically | Checkbox | Off |  | Pauses on hover, on focus and off screen, and visitors can pause it. Stays off for visitors who ask for reduced motion and when theme motion is off. |
| Change slides every | Slider | 6 s | 4 to 12 s, step 1 | Shown when **Change slides automatically** is on. |

### Controls

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Show arrows | Checkbox | On |  |  |
| Show slide counter | Checkbox | On |  |  |
| Controls position | Select | Right | Left, Center, Right |  |

### Section style

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Color scheme | Color scheme | Scheme 1 |  | Colors the controls and the space around the slides. Each slide has its own color scheme. |
| Layout width | Select | Full 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 | 0 px | 0 to 200 px, step 8 |  |
| Bottom padding | Slider | 0 px | 0 to 200 px, step 8 |  |

## Blocks

Add, reorder, duplicate or remove these blocks in the section sidebar: **Slide**.

This section holds up to 8 blocks.

### Slide block settings

#### Media

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Background | Select | Image | Image, Video, Color only |  |
| Video | Video |  |  | Plays muted on a loop while the slide shows. The image shows until the video starts. Shown when **Background** is Video. |
| Image | Image |  |  | Shown behind the content. With a video, it shows until the video starts. Shown when **Background** is not Color only. |
| Mobile image | Image |  |  | Optional. Shown on screens narrower than 750px. Shown when **Background** is not Color only. |
| Overlay opacity | Slider | 20 % | 0 to 90 %, step 5 | Shown when **Background** is not Color only. |

#### Content

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Heading | Inline text | Make it loud |  | Set words in italics to show them in the accent font. |
| Heading size | Select | Heading 1 | Fit to width, Extra large heading, Heading 1, Heading 2, Heading 3 |  |
| Text | Rich text | Tell customers what this slide is about in one short line. |  |  |
| Button label | Text | Shop now |  |  |
| Button link | Link |  |  | Shown when **Button label** is on. |
| Button style | Select | Solid | Solid, Outline, Text link | Shown when **Button label** is on. |
| Second button label | Text |  |  |  |
| Second button link | Link |  |  | Shown when **Second button label** is on. |
| Second button style | Select | Outline | Solid, Outline, Text link | Shown when **Second button label** is on. |

#### Layout

| Setting | Type | Default | Options | Notes |
| --- | --- | --- | --- | --- |
| Position | Select | Bottom left | Top left, Top center, Top right, Middle left, Middle center, Middle right, Bottom left, Bottom center, Bottom right |  |
| Content width | Select | Normal | Narrow, Normal, Wide |  |
| Text background | Select | None | None, Solid panel |  |
| Color scheme | Color scheme | Scheme 2 |  | Sets the background when there is no image, the overlay color and the text color. |