Key settings
- Video source
- Video
- YouTube or Vimeo URL
- Cover image
- Show play label
- Autoplay video
- Loop video
- Mute video
Theme section
Video story
Feature a video story using hosted or external video, with optional content blocks.
Where to configure this in ShopifyOpen Online Store → Themes → Customize, select a template where the section is available, then choose Video story in the theme editor. ADLAC exposes the settings and blocks listed below. Availability depends on the selected template and the theme's section groups.
How to set it up
- Open the template or section group that uses this section.
- Choose the section and adjust its settings using the editor labels shown below.
- Add or reorder the compatible blocks listed below.
- Preview desktop and mobile, then save the theme.
Available blocks
- Content
Exact Theme Editor settings
Source: sections/video-story.liquid (from the supplied ADLAC 1.0.0 schema-derived reference).
sections/video-story.liquid
| Group | Setting | Type | Default | Options |
|---|---|---|---|---|
| Video | Video source | select | hosted | Shopify-hosted video / YouTube or Vimeo |
| Video | Video | video | — | — |
| Video | YouTube or Vimeo URL | video_url | — | — |
| Video | Cover image | image_picker | — | — |
| Video | Show play label | checkbox | On | — |
| Video | Autoplay video | checkbox | Off | — |
| Video | Loop video | checkbox | Off | — |
| Video | Mute video | checkbox | Off | — |
| Layout | Layout | select | full | Full media / Media left / Media right |
| Layout | Aspect ratio | select | video | 16:9 / 21:9 / Square / Portrait |
| Layout | Full width | checkbox | Off | — |
| Layout | Space between media and content | range | 40 | — |
| Layout | Media corner radius | range | 24 | — |
| Layout | Show media shadow | checkbox | On | — |
| Spacing | Top padding | range | 48 | — |
| Spacing | Bottom padding | range | 48 | — |
| Colors | Background color | color | #FFFFFF | — |
| Colors | Media background | color | #F4F4F5 | — |
| Colors | Text color | color | #202223 | — |
Blocks
Content
| Setting | Type | Default | Options |
|---|---|---|---|
| Eyebrow | inline_richtext | Watch the story | — |
| Heading | inline_richtext | Bring the product to life. | — |
| Text | richtext | Use motion to demonstrate a product, introduce a collection, or tell a more immersive brand story. | — |
| Button label | text | — | — |
| Button link | url | — | — |
| Alignment | text_alignment | left | — |
Related documentation
See the complete section reference and section overview for broader guidance.