> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kwebby.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Slideshow

> Slides of featured products with price and an add to bag button, and image slides with a heading and links. Slides never move on their own.

![Slideshow on the storefront](https://mintcdn.com/kwebby/Y7lUE3PaLXfHjaRp/images/vesper/slideshow.webp?fit=max\&auto=format\&n=Y7lUE3PaLXfHjaRp\&q=85\&s=ad10c29aa75d5e17f2b03101294d3dc2)

Slideshow, highlighted with the demo content

## Where to find it

Home page. In the theme editor choose Home page, then select Slideshow.

## How it works

* Slides change only when a shopper uses the arrows, the dots, a swipe or the arrow keys. There is no timer.
* A Featured product slide shows the product image, price, Shop Pay Installments and an Add to bag button that adds it through the bag drawer.
* Products with more than one variant, pre-order products and products sold by appointment link to their product page instead of adding directly. Sold-out products show a disabled button.
* A Slide block shows an image with an eyebrow, heading, text, a button and a link.
* Up to 6 slides. Selecting a slide's block in the theme editor shows that slide.

![Slideshow in the theme editor](https://mintcdn.com/kwebby/ipMVAv6ECVUC3DoM/images/vesper/editor-slideshow.webp?fit=max\&auto=format\&n=ipMVAv6ECVUC3DoM\&q=85\&s=bc28f548982d03701514ee36cc7c7666)

In the theme editor: 1 the section in the sidebar · 2 its settings · 3 the section in the preview

## Edit it

* Add a Featured product block, choose the product, and optionally an image, eyebrow and text. Without text the start of the product description is used.
* Add a Slide block for an image slide and fill in its heading, text, button and link.
* Edit the section Heading.

## Settings

| Setting | What it does |
| - | - |
| **Color scheme** | Color scheme for this area (edit the schemes in Theme settings → Colors). Default: Scheme 1. |
| **Heading** | Text. Default: In the spotlight. |

> [!TIP]
>
> Slides change only when a shopper uses the arrows, the dots, a swipe or the arrow keys. They never move on their own.

## Blocks

Up to 6 blocks. Add a block with **Add block** under the section in the sidebar; drag blocks to reorder them.

### Featured product

| Setting | What it does |
| - | - |
| **Product** | Choose a product. |
| **Image** | Image: upload one or choose from Content → Files. Optional. Replaces the product's first image. |
| **Eyebrow** | Text. |
| **Text** | Formatted text (one line). Optional. Defaults to the start of the product description. |

> [!TIP]
>
> Shows the price, the Shop Pay Installments line and an add to cart button. Products with more than one variant, pre-order products and products sold by appointment link to their page instead.

### Slide

| Setting | What it does |
| - | - |
| **Image** | Image: upload one or choose from Content → Files. |
| **Eyebrow** | Text. |
| **Heading** | Text. Default: Slide heading. |
| **Text** | Formatted text (one line). |
| **Button label** | Text. |
| **Button link** | Link: a page, product, collection or web address. |
| **Link label** | Text. |
| **Link** | Link: a page, product, collection or web address. |


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.