Documentation/ Sections /Opaline universal guide
Contact us
Install
03GENERAL

Opaline universal guide

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

WHAT IT DOES

Opaline universal guide

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

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

Guide content

Leave content fields empty until you configure the guide for your market.

Eyebroweyebrow
Headingheading
Introductionintroduction
Iconguide_icon
Default: none · Options: No icon, Measurements, Question, Care, Materials, Gift, Sparkle

Assistant connection

Use the key of the assistant that this guide should open.

Show assistant buttonshow_assistant_button
Default: disabled
Button labelassistant_label
Assistant keyassistant_key
Content sourcesource

Choose whether the content comes from a Shopify page or from the table configured below.

Default: manual · Options: Configurable lines, Shopify page
Guide pagepage

If no page is chosen, the global page defined in the theme settings is used.

Guide table

Add row blocks, then fill only the columns required by this guide.

Number of columnscolumn_count

Only columns included in this number are displayed.

Default: 3 · Range: 2–7
Row headingrow_heading
Column 1column_1
Column 2column_2
Column 3column_3
Column 4column_4
Column 5column_5
Column 6column_6
Column 7column_7
Table captiontable_caption

Displayed as an accessible caption for the table.

Enable unit conversionenable_unit_toggle

Converts numeric table values using the factor below.

Default: disabled
Unit displayed by defaultdefault_unit
Default: cm · Options: Primary unit key, Secondary unit key
Unit selector labelunit_label
Primary unit labelprimary_unit_label
Secondary unit labelsecondary_unit_label
Conversion factorconversion_factor

Secondary value = primary value × factor.

Decimal precisionconversion_precision
Default: 1 · Options: 0, 1, 2, 3
Guide imagemeasurement_image
Guide instructionsmeasurement_text

Display

Choose how the section or its trigger appears to visitors.

Display modedisplay_mode
Default: inline · Options: Full section, Drawer
Show open buttonshow_trigger
Default: enabled
Button texttrigger_label
Closing wordingclose_label
Content widthcontent_width
Default: 960 · Range: 640–1200px
Top marginpadding_top
Default: 72 · Range: 0–120px
Bottom marginpadding_bottom
Default: 72 · Range: 0–120px

Section palette

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

Appearance

Use a dedicated paletteopaline_use_color_scheme
Default: disabled
Paletteopaline_color_scheme
Default: scheme-1

Heading

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

Spacing

Section spacingopaline_section_spacing

Uses the theme’s global section spacing.

Default: 0 · Range: 0–160px
Content insetopaline_content_inset

Adds space around the content inside the section.

Default: 0 · Range: 0–120px
COMPOSITION

Available blocks

Guide rowrow

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.