Piéra

Section reference · Piéra & Émeraude

Category tiles

Offer compact category links with an optional image change on hover.

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

Portrait 4:5, recommended minimum 1600 × 2000 px for both normal and hover images.

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

Set it up

  1. Add Tile blocks, connect collections and optionally override labels and links.
  2. Pair Image and Hover image using a similar crop; the first image must tell the story on touch devices.

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.

Heading

heading

Schema default: Just off the cutting table. 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: Made to be layered, combined and worn for years.. 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.

Blocks

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

Tile

Maximum of this block type: 4.

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: Square crop. 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.

Hover image

hover_image

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

Supplies hover image for this section or block.

Editor note: Shown on hover and keyboard focus, for example the piece worn.

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.

Label

label

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

Sets the visible 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.

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

← All sections · Theme settings · Get support