Section reference · Piéra & Émeraude

Video hero

Open with a film and a short call to action.

Source: theme/sections/video-hero.liquid

Where to find it

In the theme editor, open the appropriate template and use Add section.

Unavailable in: header, footer section groups.

Images & video

Video 16:9 at 1920 × 1080. Poster: 1920 × 1080. One video source; preserve the central portrait zone for mobile.

Sizes are recommended source minimums, not upload restrictions. Prepare and crop media.

Set it up

Choose a Shopify-hosted video or supported external URL. Poster or fallback image supplies imagery when no video is selected.
Choose autoplay, looping, height and overlay deliberately. Keep key information in text and provide a useful silent poster.

Read the step-by-step guide →

Section settings

Names match the English theme editor. The installed preset may override schema defaults. A conditional field appears only when its related control is enabled.

Color scheme

color_scheme

Schema default: scheme-3. Presets can override it.

Applies a coordinated set of background, text, accent and button colors.

Recommended: Start with the preset scheme. Check contrast after changing colors or photography.

Shopify-hosted video

video

No schema default; the installed preset may supply a value.

Selects a Shopify-hosted video.

Recommended: Use a short, compressed clip with a useful preview image. Check playback, pause and the mobile crop.

YouTube or Vimeo URL

video_url

No schema default; the installed preset may supply a value.

Selects a supported external video URL.

Recommended: Use a short, compressed clip with a useful preview image. Check playback, pause and the mobile crop.

Poster or fallback image

poster

No schema default; the installed preset may supply a value.

Supplies poster or fallback image for this section or block.

Recommended: Use the image dimensions on this page; choose a focal point where supported and inspect the actual crop. Leave optional images blank when they add no value.

Autoplay video

autoplay

Schema default: true. Presets can override it.

Turns “Autoplay video” on or off.

Recommended: Start with the preset choice. Enable only when the relevant content or store feature is configured, then preview the result.

Loop video

loop

Schema default: true. Presets can override it.

Conditional in the editor: {{ section.settings.autoplay }}

Turns “Loop video” on or off.

Recommended: Start with the preset choice. Enable only when the relevant content or store feature is configured, then preview the result.

Desktop height

desktop_height

Schema default: 80vh. Presets can override it.

Range: 50–100vh; step 5.

Adjusts desktop height within the range shown.

Recommended: Start at 80vh; check the smallest and widest layouts before increasing it.

Overlay opacity

overlay_opacity

Schema default: 30%. Presets can override it.

Range: 0–70%; step 5.

Adjusts overlay opacity within the range shown.

Recommended: Start at 30%; check the smallest and widest layouts before increasing it.

Content position

content_position

Schema default: Left. Presets can override it.

Choices: Left · Center · Right.

Chooses the content position behavior or layout from the listed options.

Recommended: Start with the preset choice. Compare the available modes in desktop and mobile previews.

Eyebrow

eyebrow

Schema default: The campaign. Presets can override it.

Sets the visible eyebrow.

Recommended: Replace demonstration copy with a short, specific label; confirm it makes sense out of context.

Heading

heading

Schema default: Movement makes the material visible.. Presets can override it.

Sets the visible heading with inline emphasis.

Recommended: Replace demonstration copy with a short, specific label; confirm it makes sense out of context.

Text

text

Schema default: Lead with film, then give the customer one calm next step.. Presets can override it.

Sets the visible text with rich-text formatting.

Recommended: Replace demonstration copy with concise, accurate store content. Avoid unsupported claims and translate it for active languages.

Button label

button_label

Schema default: Explore the collection. Presets can override it.

Sets the visible button label.

Recommended: Replace demonstration copy with a short, specific label; confirm it makes sense out of context.

Button link

button_link

No schema default; the installed preset may supply a value.

Sets the destination for button link.

Recommended: Use the resource picker for internal links. Preview the destination and provide matching link text.

Button style

button_style

Schema default: Solid. Presets can override it.

Choices: Solid · Outline.

Chooses the button style behavior or layout from the listed options.

Recommended: Start with the preset choice. Compare the available modes in desktop and mobile previews.

← All sections · Theme settings · Get support