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.
Card-style 1x/2x/3x quantity-break offer with custom radio circles, inline savings badges, and full cart interception
How the discount is calculated. "Percentage off" applies a % to the full bundle price. "Fixed amount off" subtracts a set dollar amount 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 second bundle tier. Each unit gets its own variant selector.
Fixed dollar discount for the second bundle tier. Enter 5 for $5.00 off.
How many units the customer receives in the third bundle tier. Only applies when 3 options are enabled.
Fixed dollar discount for the third bundle tier. Only applies when 3 options are enabled.
Which card gets the accent-color border and the "Popular" badge. Select "None" to disable the highlight.
Text shown inside the badge on the highlighted card.
Optionally pre-select a bundle tier when the page loads.
Heading shown above the bundle options. Leave blank to hide the title row entirely.
Custom title displayed on the Option 1 card. If left blank (default), the product name is rendered.
Custom title displayed on the Option 2 card. If left blank (default), the product name is rendered.
Custom title displayed on the Option 3 card. If left blank (default), the product name is rendered.
Small caption shown below the card title on Option 1.
Small caption shown below the card title on Option 2.
Small caption shown below the card title on Option 3. Only visible when 3 options are enabled.
Shows or hides the "SAVE x%" / "SAVE $x" badge on the discounted option cards.
Error message shown below the widget when a selected variant is out of stock.
Color used for selected card borders, custom radio fill, the popular badge, and savings label backgrounds.
Adds a subtle floating shadow beneath each card.
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 2 — Ecom & Co. Snippet Generator ------------------------------------------------------------
What it does: Card-style 1×/2×/3× quantity-break offer with
custom radio circles, inline savings badges, and
full cart interception for multi-unit checkout.
Paste into: Shopify → Customize → (product section) → Custom Liquid