03GENERAL

Create your bundle

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

WHAT IT DOES

Create your bundle

This page explains how “Create your bundle” 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

Authorized products

Choose the product source and bundle selection rules.

Collection availablecollection

This collection becomes the list of products that the customer can select.

Number of products displayedproducts_to_show

Default: 12 · Range: 3–30

Choice of variantvariant_policy

Default: customer_choice · Options: First variant available, Choice left to the customer

Universal guideenable_size_guide

Default: enabled

Iconsize_guide_icon

Default: question · Options: Question, Measurements, Care, Materials, Gift, Sparkle, Heart, View, Check, Star, Quiz, Look, More

Content

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

Eyebroweyebrow

Titleheading

Introductionintroduction

Highlighting the offeroffer_text

Bundle discount

No promotional price is created when the method is No discount. For an automatic discount, create the matching rule in Shopify admin. A discount code entered here is applied to the cart after the bundle is added.

Discount methoddiscount_method

Default: none · Options: No discount, Automatic discount configured in Shopify, Discount code

Discount codediscount_code

Optional. Enter the exact active code created in Shopify admin. Leave empty when using an automatic Shopify discount.

Discount calculationdiscount_type

Default: percentage · Options: Percentage, Fixed amount, Cheapest product free

Discount valuediscount_value

For a percentage, enter 20 for 20%. For a fixed amount, enter the amount in the store currency. Leave at 0 to disable the promotional display.

Default: 0

Savings displaydiscount_display

Default: both · Options: Percentage and amount, Percentage only, Amount only, Do not show savings

Limit reached messageusage_limit_message

Name sent to cartbundle_name

Selection labels

Adapt the actions, filters and counters of the selection process.

Selectselect_label

Removeremove_label

Add from filecard_add_label

Singular productproduct_singular

Product in pluralproduct_plural

Summary

Customize the totals, notes and actions displayed before checkout.

Accessible namesummary_aria_label

This text names the summary area for assistive technologies.

Eyebrowsummary_kicker

Titlesummary_title

Empty slotempty_slot_label

Total valueregular_total_label

Economysaving_label

Bundle totalbundle_total_label

Add buttonbutton_label

Mention under the buttonfine_print

States and messages

Customize loading, success, limit, and error feedback.

While addingloading_label

After addingadded_label

In case of errorretry_label

Limit reachedlimit_message

Confirmationsuccess_message

Errorerror_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

Show link to collectionshow_collection_link

Default: disabled

Link textcollection_link_label

Layout

Set the dimensions, layout and spacing of the section.

Columns on desktopcolumns_desktop

Default: 3 · Options: 2, 3

Backgroundbackground_style

Default: soft · 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

This section has no reorderable blocks. Its content is controlled by its settings and related Shopify data.

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.