Section reference · Piéra & Émeraude

Header

Connect logo, navigation, search, account access and the cart.

Source: theme/sections/header.liquid

Where to find it

Built into its template or global layout. It is not a general Add section item.

Available on: header section groups.

Images & video

Logo at least 480 px wide, transparent PNG. Menu media: portrait 4:5, 1600 × 2000 px (at least 1200 × 1500 mobile). Desktop crops are wider; allow generous background.

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

Set it up

Choose Main menu and Customer account menu, then set logo and sticky behavior.
Add Mega menu media blocks. Top-level menu title must match the menu item exactly; Show for submenu item optionally matches a child title.
Leave Show for submenu item empty for the default menu image. Add a real link to each image and check focus as well as hover.

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

Logo

logo

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

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

Logo width

logo_width

Schema default: 130px. Presets can override it.

Range: 80–240px; step 10.

Conditional in the editor: {{ section.settings.logo != blank }}

Adjusts logo width within the range shown.

Recommended: Start at 130px; check the smallest and widest layouts before increasing it.

Text wordmark size

wordmark_size

Schema default: 25px. Presets can override it.

Range: 18–42px; step 1.

Conditional in the editor: {{ section.settings.logo == blank }}

Adjusts text wordmark size within the range shown.

Recommended: Start at 25px; check the smallest and widest layouts before increasing it.

Text wordmark

wordmark

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

Sets the visible text wordmark.

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

Main menu

menu

Schema default: main-menu. Presets can override it.

Connects a Shopify navigation menu as the content source.

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

Customer account menu

customer_account_menu

Schema default: main-menu. Presets can override it.

Connects a Shopify navigation menu as the content source.

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

Enable sticky header

sticky_header

Schema default: true. Presets can override it.

Turns “Enable sticky header” on or off.

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

Overlay the header on the home page hero

overlay_on_homepage

Schema default: false. Presets can override it.

Turns “Overlay the header on the home page hero” on or off.

Editor note: Atelier style: the header sits transparently on the first home page image and becomes a floating bar when scrolling. Use with a dark or contrasting hero image.

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

Blocks

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

Mega menu media

Maximum of this block type: 8.

Top-level menu title

menu_title

Schema default: Shop. Presets can override it.

Matches this image block to a top-level menu title.

Editor note: Enter the menu item title exactly, for example Shop.

Recommended: Copy the menu title exactly; check each store language.

Show for submenu item

child_title

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

Switches the menu image for a matching submenu item when hovered or focused.

Editor note: Optional. Enter a submenu title; the image appears while that item is hovered or focused. Leave empty for the default image of the menu.

Recommended: Leave blank for the menu’s default image, or copy the submenu title exactly.

Image

image

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

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

Eyebrow

eyebrow

Schema default: New collection. 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: Discover the latest edit. Presets can override it.

Sets the visible heading.

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

Link

link

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

Sets the destination for link.

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

← All sections · Theme settings · Get support