The Snippet Configurator needs a wider display to show you the live storefront preview alongside the editor. Open this page on a desktop or laptop to start customizing.
Quantity-break offer with per-unit variant selection, live price calculation, and full cart interception
How the discount is calculated. "Percentage off" applies a % to the full bundle price. "Fixed amount off" subtracts a fixed dollar amount (e.g. 10 = $10.00 / CHF 10.00) from the bundle total.
How many bundle tiers to show. Setting this to 2 hides the third option entirely.
How many units the customer receives in the first bundle tier. Each unit gets its own variant selector on the product page.
Percentage discount for the first bundle tier. Enter 10 for 10% off.
How many units the customer receives in the second bundle tier.
Percentage discount for the second bundle tier.
How many units the customer receives in the third bundle tier. Only applies when 3 options are enabled.
Percentage discount for the third bundle tier. Only applies when 3 options are enabled.
Which bundle row gets the accent-color left border and the "Popular" badge. Select "None" to disable the highlight.
Text shown inside the badge on the highlighted row.
Optionally pre-select a bundle tier when the page loads. Leave as "None" to require the customer to make a choice.
Heading shown above the bundle options. Leave blank to hide the title row entirely.
Label text displayed on the first bundle row.
Label text displayed on the second bundle row.
Label text displayed on the third bundle row. Only visible when 3 options are enabled.
Error message shown below the widget when a selected variant is out of stock.
Color used for the highlighted row border, the popular badge background, the discount label text, and the radio button accent.
Adds a subtle floating shadow beneath the widget.
Space above the widget.
Centers a divider line within the spacing above.
Space below the widget.
Centers a divider line within the spacing below.
{%- comment -%}
============================================================
BUNDLE DISCOUNT OFFER 1 — Ecom & Co. Snippet Generator ------------------------------------------------------------
What it does: Quantity-break offer with per-unit variant
selection, live price calculation, and cart
interception for multi-unit checkout.
Paste into: Shopify → Customize → (product section) → Custom Liquid