Media zoom
Media zoom starts as a framed panel and grows to full screen as visitors scroll, with a heading, a button and up to a few stats over the media.
How to set it up
Step 1: Add the Media zoom section
- In the theme editor, open the page you want and click Add section under Template.
- Search for Media zoom and select it (1).
Step 2: Set the media
- Choose an Image (1), a mobile image or a Video that plays muted on a loop, the Starting frame inset and the overlay.
Step 3: Add content and stats
- Add a subheading, heading and button, and Stat blocks with a value, unit and label.
Settings reference
Media zoom
| Image | An image from your files. |
|---|---|
| Mobile image | An image from your files. |
| Video | Plays muted on loop and replaces the image. |
| Starting frame inset | Slider. |
| Overlay opacity | Slider. |
| Content | |
| Subheading | |
| Button label | |
| Button link | Where the link goes. |
| Button style | Options: Primary, Secondary, Accent. |
| Text color scheme | Colors from Theme settings > Colors. |
Stat block
| Value | |
|---|---|
| Unit | |
| Label |
Section width, corners, padding, color scheme, divider and visibility work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.