Section reference · Piéra & Émeraude

Category stack

Introduce collections through full-height panels that stack as visitors scroll.

Source: theme/sections/category-stack.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

Desktop 16:9, 2560 × 1440; mobile 9:16, 1440 × 2560. Leave the lower-left area quiet for copy. Collection image is the fallback.

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

Set it up

  1. Add one Panel per collection. Choose a collection or an explicit Link and supply desktop and mobile images.
  2. To start a page with the stack, move it to the first content position and enable Open the page with this section. Its Heading becomes the page heading, visually hidden; the first image receives loading priority.
  3. Use a single page opener. Check every panel link and scrolling with reduced motion.

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.

Keep this section still

still

Schema default: false. Presets can override it.

Disables animation for this section only.

Editor note: Turns off the animations of this section only. The switch for the whole theme is in Theme settings, Motion.

Recommended: Enable for a calm chapter or to isolate a motion issue. Global motion and visitor reduced-motion preferences also apply.

Eyebrow

eyebrow

Schema default: Collections. 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: Choose your world.. 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.

Open the page with this section

opener

Schema default: false. Presets can override it.

Makes the stack a page opener with a visually hidden main heading and prioritized first image.

Editor note: Place the section first: the first image fills the screen and loads immediately; the heading stays as the page heading for screen readers.

Recommended: Enable only on the first content section; avoid a second main page heading.

Blocks

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

Panel

Maximum of this block type: 6.

Collection

collection

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

Connects a Shopify collection as the content source.

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

Image

image

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

Supplies image for this section or block.

Editor note: Defaults to the collection image.

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.

Mobile image

image_mobile

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

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

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

Sets the visible eyebrow.

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

Heading

heading

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

Sets the visible heading with inline emphasis.

Editor note: Defaults to the collection title.

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

Text

text

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

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

link_label

Schema default: Discover. 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.

Link

link

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

Sets the destination for link.

Editor note: Defaults to the collection.

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

← All sections · Theme settings · Get support