Section reference · Piéra & Émeraude

Editorial hero

Open with a two-image editorial composition and optional signature-product cue.

Source: theme/sections/editorial-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

Primary image 3:4, 1800 × 2400 px; secondary 3:4, 900 × 1200. One source per slot, no separate mobile image; immersive placement may crop more.

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

Set it up

Choose Media composition, content placement and a suitable minimum height.
Select a Signature product and choose whether to show its cue. Add product facts that match that product.

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-1. 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.

Media composition

media_layout

Schema default: Editorial overlap. Presets can override it.

Choices: Editorial overlap · Balanced split · Immersive.

Chooses the media composition behavior or layout from the listed options.

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

Content position

content_position

Schema default: Center. Presets can override it.

Choices: Top · Center · Bottom.

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.

Content width

content_width

Schema default: Compact. Presets can override it.

Choices: Compact · Balanced · Wide.

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

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

Minimum height

min_height

Schema default: 90%. Presets can override it.

Range: 70–100%; step 5.

Adjusts minimum height within the range shown.

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

Heading size

heading_scale

Schema default: 100%. Presets can override it.

Range: 60–120%; step 5.

Adjusts heading size within the range shown.

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

Eyebrow

eyebrow

Schema default: Featured story. 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: Introduce your signature product.. 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.

Body

body

Schema default: Explain what makes this product, collection, or campaign distinct.. Presets can override it.

Sets the visible body with rich-text formatting.

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

Primary button label

primary_label

Schema default: Explore products. Presets can override it.

Sets the visible primary button label.

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

Primary button link

primary_link

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

Sets the destination for primary button link.

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

Secondary link label

secondary_label

Schema default: Read the story. Presets can override it.

Sets the visible secondary link label.

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

Secondary link

secondary_link

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

Sets the destination for secondary link.

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

Product and media

Signature product

product

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

Connects a Shopify product as the content source.

Recommended: Select the real store resource. Confirm it is available to the storefront; a theme ZIP does not create it.

Primary image

primary_image

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

Supplies primary 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.

Secondary image

secondary_image

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

Supplies secondary 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.

Show secondary media before an image is selected

show_secondary_placeholder

Schema default: true. Presets can override it.

Turns “Show secondary media before an image is selected” on or off.

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

Show product cue

show_product_cue

Schema default: true. Presets can override it.

Turns “Show product cue” on or off.

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

Media accessibility label

media_label

Schema default: Campaign imagery. Presets can override it.

Sets the visible media accessibility label.

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

Secondary media accessibility label

secondary_media_label

Schema default: Secondary campaign image. Presets can override it.

Sets the visible secondary media accessibility label.

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

Blocks

Add and reorder supported blocks within this section. Settings below apply to each block instance.

Product fact

Maximum of this block type: 3.

Label

label

Schema default: Material. Presets can override it.

Sets the visible label.

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

Value

value

Schema default: Add a product fact. Presets can override it.

Sets the visible value.

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

← All sections · Theme settings · Get support