About this section
A film pinned to the screen that plays as the visitor scrolls, with your story rising beside it moment by moment and a closing offer on the last frame. It takes on the film's backdrop color, so the film has no visible edge, and has a light and a dark version.
How to add itCustomize → Add section
Where it can goAny page
Settings16 · 2 block types
Good to know: Use a 6 to 12 second film on a plain backdrop, and set Backdrop to the color at its edges. Place each moment where its shot appears.
Settings
Film
| Setting | Type | What it does |
|---|---|---|
| Film | Video | MP4, 1920 × 1080, 6 to 12 seconds, under 20 MB, on a plain backdrop. The section takes on the backdrop color below, so the film has no visible edge. Choose a video uploaded to your files. |
| Dark mode video | Video | Plays instead of the video above while the store is in dark mode, from the same moment. Use a film of the same length. Choose a video uploaded to your files. |
| Film link (optional) | Link | An MP4 you host, played as it is and used instead of the film above. For the smoothest scroll in both directions, encode it with a keyframe every 6 frames. A link to any page. |
| Dark mode film link | Link | A link to any page. |
| Opening frame | Image | Shown until the film arrives. Use the film’s first frame. Choose an image from your files. |
| Opening frame in dark mode | Image | Choose an image from your files. |
| Closing frame | Image | Shown instead of the film to visitors who prefer less motion. Use the film’s last frame. Choose an image from your files. |
| Closing frame in dark mode | Image | Choose an image from your files. |
Scroll
| Setting | Type | What it does |
|---|---|---|
| Scroll length | Slider | How far to scroll to play the whole film, in screen heights: 400% is four screens. From 200 to 800 %, 400 % to start. |
| Show progress line | On / off | On by default. |
Look
| Setting | Type | What it does |
|---|---|---|
| Color scheme | Color scheme | One of the colour schemes from Theme settings → Colors. |
| Backdrop | Color | The color at the edges of the film. Leave empty to use the color scheme’s background. |
| Backdrop in dark mode | Color | — |
| Edge softness | Slider | From 0 to 30 %, 14 % to start. |
| Film on phones | Choice | Choose Whole film, Fill the screen. Whole film to start. |
| Focus on phones | Slider | From 0 to 100 %, 50 % to start. |
Blocks
Blocks are added inside the section with Add block, and can be reordered by dragging.
Moment
| Setting | Type | What it does |
|---|---|---|
| Appears at | Slider | Share of the film, from 0 to 100%. From 0 to 100 %, 5 % to start. |
| Leaves at | Slider | From 0 to 100 %, 25 % to start. |
| Position | Choice | Choose Left, Right, Center. Left to start. |
| Eyebrow | Text | — |
| Heading | Text with bold, italic and links | — |
| Text | Text with bold, italic and links | — |
Finale up to 1
| Setting | Type | What it does |
|---|---|---|
| Appears at | Slider | Stays until the end of the film. From 50 to 100 %, 86 % to start. |
| Position | Choice | Choose Left, Right, Center. Right to start. |
| Eyebrow | Text | — |
| Heading | Text with bold, italic and links | — |
| Text | Text with bold, italic and links | — |
| Product | Product | Shows its name and price. The button links to it unless a link is set. Choose a product. |
| Button label | Text | — |
| Button link | Link | A link to any page. |
Something here not as described?Tell us which setting and what you saw. We reply within two business days.
Contact support