> ## 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.

# Story

> Up to 5 numbered chapters of text beside an image or film that changes as the chapters pass.

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

Story, highlighted with the demo content

## Where to find it

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

## How it works

* On desktop the image or film of the chapter in view stays beside the text and changes as the shopper scrolls.
* On phones each chapter shows its own image or film above its text.
* A chapter film plays muted on a loop while on screen, with a pause button, and never plays with reduced motion or data saving.
* With reduced motion the change between chapters has no fade.

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

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

## Edit it

* Add a Chapter block per chapter. Set Number (for example I, II, III), Heading and Text.
* Upload an Image, and optionally a short Film (under 3 MB). The image is also the film's poster.
* Add a Link label and Link to the last chapter, for example to your About page.
* Edit the section Heading.

## Settings

| Setting | What it does |
| - | - |
| **Heading** | Text. Default: From fire to light. |

> [!TIP]
>
> On desktop the image or film of the chapter in view stays beside the text and changes as the chapters pass. On phones each chapter shows its own image. With reduced motion the change has no fade.

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

## Blocks

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

### Chapter

| Setting | What it does |
| - | - |
| **Image** | Image: upload one or choose from Content → Files. Also the film's poster when you add a film. |
| **Film** | Video: upload one or choose from Content → Files. Plays muted and looped while on screen, never with reduced motion or Save-Data. Keep it short and under 3 MB. |
| **Number** | Text. Shown above the heading, for example I, II, III. Default: I. |
| **Heading** | Text. Default: The fire. |
| **Text** | Formatted text. |
| **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.