Section reference · Piéra & Émeraude

Custom section

Compose a bespoke content area from reusable theme blocks.

Source: theme/sections/custom-section.liquid

Where to find it

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

Images & video

Background: 16:9, 2560 × 1440 px; keep a central 4:5 area usable on mobile.

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

Set it up

Add Text blocks or Group blocks, presented as Column and Row presets. Groups can contain nested theme blocks.
Set the optional Background, then verify text contrast and mobile wrapping. Block settings are listed below.

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.

Background

background_image

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

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

Blocks

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

Reusable theme blocks

Choose Text, Column or Row. Nested groups are supported; all reusable block settings follow below.

Group (Column / Row)

Layout direction

layout_direction

Schema default: Vertical. Presets can override it.

Choices: Horizontal · Vertical.

Chooses the layout direction behavior or layout from the listed options.

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

Alignment

alignment

Schema default: Left. Presets can override it.

Choices: Left · Center · Right.

Conditional in the editor: {{ block.settings.layout_direction == 'group--vertical' }}

Chooses the alignment behavior or layout from the listed options.

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

Padding

padding

Schema default: 0px. Presets can override it.

Range: 0–200px; step 2.

Adjusts padding within the range shown.

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

Text

text

Schema default: Text. Presets can override it.

Sets the visible text.

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

Text style

text_style

Schema default: Heading. Presets can override it.

Choices: Heading · Subheading · Normal text.

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

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

Alignment

alignment

Schema default: left. Presets can override it.

Aligns the block’s text.

Recommended: Prefer left alignment for longer passages; preview on mobile.

← All sections · Theme settings · Get support