Brand film

A single campaign film with optional overlay copy and a real pause control. Falls back to an image when no video is selected.

Merchant-addable

Yes

Settings

18

Block types

—

File

sections/video.liquid

Used by default on: page.our-standards

When to use it

A brand or campaign moment where the film carries the message and a short heading and button sit over it.

Setting it up

1. Under Media, upload the video. Turn on Use separate mobile video to serve a vertical cut below 750px, and add a Fallback image for when no video is selected.
2. Write a Video description for shoppers using assistive technology, and choose Playback mode: an ambient muted loop, or click to play.
3. Fill in the Overlay content. Leave every field blank to show the film with no copy.
4. Under Layout, choose Frame style, then Media height. It starts on Compact; Standard, Tall, and Full screen set taller frames, and each crops the film to fill it. Match media ratio shows the whole film at its own shape instead.
5. Set Content position, Overlay shade, Text backdrop, and Color scheme. Overlay shade dims the whole frame. Text backdrop controls the extra darkening behind the copy: at 100% the text meets the 4.5:1 contrast standard on any footage, and a lower value softens or removes the patch for light or calm footage.

Where the content comes from

Section settings own the video, fallback image, and overlay copy. The media files live in Shopify files; no product data or metafields are used.

Notes and cautions

• With the full-width frame style the film runs edge to edge, while the copy and the play control stay inside the page width, lined up with the header and the sections around it.
• The fixed heights are minimums. If a long heading needs more room, the frame grows rather than cutting the copy off.
• A wide, short film under Match media ratio leaves little room for copy. Switch to Standard or Tall when the overlay text crowds the frame.
• On a phone every height uses a taller, portrait-friendly frame, so check the crop at 375px.
• Overlay text uses the lighter of the color scheme's text and background colors, over a shade in the darker one, so light and dark schemes both work.
• The video loads only when it scrolls into view or is played. Until then its cover image shows, sized for the screen.
• Space pauses playback, and switching browser tabs pauses it automatically.

Section settings

Every setting on the section itself, in the order it appears in the theme editor. Group headings match the editor's own grouping.