03GENERAL

Opaline signature bundles

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

WHAT IT DOES

Opaline signature bundles

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

IMPLICIT BEHAVIOR

What the theme does automatically

→
Add to cart uses Shopify’s cart. Price, inventory, and availability remain controlled by Shopify.

CONFIGURATION

Understand the settings

Content

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

Eyebroweyebrow

Titleheading

Introductionintroduction

Highlighting the offeroffer_text

Default button textbutton_label

Show estimated savingsshow_saving

Default: enabled

Product window

Customize the texts and controls in the product detail window.

Eye icon labeldetail_button_label

Closing wordingdialog_close_label

Eyebrowdialog_eyebrow

Link to productdialog_link_label

Button States

Adapt the labels and messages displayed during and after adding to the cart.

While addingloading_label

After addingadded_label

In case of errorretry_label

Bundle unavailableunavailable_label

Confirmation messagesuccess_message

Error messageerror_message

Unavailability messageunavailable_message

Cart behavior

Choose the client's destination after the addition and the additional links offered.

After addingcart_behavior

Native mode opens the drawer if it exists, otherwise the cart page.

Default: external · Options: Let a cart app manage, Open theme cart, Open cart page

Link under bundles

Add an optional link below the bundle selection.

Link textfooter_link_label

Linkfooter_link

Layout

Set the dimensions, layout and spacing of the section.

Columns on desktopcolumns_desktop

Default: 3 · Options: 2, 3

Presentation on mobilemobile_layout

Default: stack · Options: Horizontal slider, Column

Width of slider cardsmobile_slide_width

Default: 86 · Range: 70–95%

Format of visualsimage_ratio

Default: landscape · Options: Landscape, Square, Portrait

Backgroundbackground_style

Default: transparent · Options: Overall Opaline background, Soft veil

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.

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

Bundlebundle

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.