03GENERAL

Multicolumns Opaline

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

WHAT IT DOES

Multicolumns Opaline

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

Used in templates

article.routines.jsonarticle.skin-notes.jsonpage.ingredient-library.jsonpage.our-philosophy.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

Header and accessibility

Name the section for assistive technologies and fill in its introductory texts.

Accessibility labelaccessibility_label

This text describes the assistive technologies section and is not displayed visually.

Eyebroweyebrow

Titleheading

Introductionintro

Presentation

Choose the style, alignment and number of columns.

Card stylecard_style

Default: glass · Options: Liquid glass, Full surface, Minimal

Text Alignmenttext_alignment

Default: left · Options: Left, Centered

Columns on desktopcolumns_desktop

Default: 3 · Range: 2–4

Mobile displaymobile_layout

Default: slider · Options: Horizontal slider, Stacked columns

Show glass indexesshow_index

Default: enabled

Dimensions and effects

Adjust the media framing, spacing and intensity of the glass effect.

Image formatmedia_ratio

Default: 4 / 5 · Options: Square, Portrait, Landscape

Card Spacinggap

Default: 22 · Range: 12–48px

Card paddingcard_padding

Default: 24 · Range: 16–44px

Rounding imagesimage_radius

Default: 22 · Range: 0–36px

Blur glass cardsglass_blur

Default: 16 · Range: 0–40px

General button

Add a common button under the columns by providing its name and destination.

Global buttonbutton_label

Global button linkbutton_link

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

featurefeature

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.