03GENERAL

Hero premium presentation

This page explains how “Hero premium presentation” actually behaves, which data it depends on, and what its settings change.

WHAT IT DOES

Hero premium presentation

This page explains how “Hero premium presentation” actually behaves, which data it depends on, and what its settings change.

Used in templates

index.json

IMPLICIT BEHAVIOR

What the theme does automatically

This section only displays elements that have content. Empty elements are ignored to preserve the layout.

CONFIGURATION

Understand the settings

Content

Complete the main texts displayed in this part of the section.

Eyebroweyebrow

Titleheading

Introductionintro

Product image

Add the main image and adjust its display width.

Main imageimage

Desktop image widthimage_width

Default: 560 · Range: 360–780px

QR Code

If your products have a QR-code, offer them a preview of your connected experience

QR codeqr_image

QR code textqr_label

SEO Image

Content and SEO tags for accessibility and search engines.

Alternative text QR codeqr_alt

Alternative text main imageimage_alt

Briefly describe the image. Leave this field empty only if the visual is decorative.

Section palette

Applies a consistent palette to the background, text, and buttons in this section.

Section appearance

Use a dedicated paletteopaline_use_color_scheme

Default: disabled

Paletteopaline_color_scheme

Default: scheme-1

Title

Alignment on desktopopaline_heading_alignment

Default: inherit · Options: Keep the design, Left, Center, Right

Spacing

Space after sectionopaline_section_spacing

Creates space between this section and the next. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–160px

Left and right insetopaline_content_inset

Moves content away from the edges. Mobile spacing adjusts automatically.

Default: 0 · Range: 0–120px

COMPOSITION

Available blocks

Product itemfeature

Limit: 6

Add this block only when it provides useful information to the journey.

Certification logologo

Add this block only when it provides useful information to the journey.

CHECKS

Before publishing

✓
Content remains readable in every color scheme.
✓
Labels match the storefront language.
✓
Displayed promotions match Shopify rules.
✓
Interactions remain accessible by keyboard and touch.