SScale Themedocs

Gift system unlocked by quantity or amount, compatible with all bundle types via the gifts mixin.

Progressive Gifts

Progressive gifts allow unlocking free products based on the quantity purchased or the amount spent. This system works with all bundle types via the Gifts Mixin.

Principle

The more the customer buys, the more gifts they receive:

ThresholdGiftStatus
2 unitsTravel mini sizeUnlocked
3 unitsStorage pouchUnlocked
5 unitsFull-size productLocked

The customer sees in real time which gifts they have unlocked and how many more they need for the next one.

Activation

Progressive gifts are available in the settings of the following blocks:

  • Quantity Bundle (and Mix & Match)
  • Variant Bundle
  • BOGO Bundle

In the bundle block settings, look for the "Progressive gifts" section:

SettingDescriptionDefault
Enable progressive giftsActivates the gift systemNo

Display mode

SettingOptionsDefault
DisplayIn-card / BelowBelow

In-card (within the tier)

Gifts are displayed directly within each tier card. The customer immediately sees which gift they get with each tier.

SettingDescriptionDefault
Inline styleImages / Text / BothImages
Inline textCustom text (e.g., "+ {count} FREE gift(s)")"+ {count} FREE gift(s)"
Background colorAccent 1 / Accent 2 / TextAccent 1
💡The "In-card" mode with the "Images" style is visually the most impactful. The customer directly sees the gift thumbnail in each tier.

Below (underneath)

Gifts are displayed in a separate section below the bundle. This mode offers more configuration options.

SettingDescriptionDefault
Unlock modeQuantity (by number) / Amount (by amount)Quantity
Progress barShows a visual progress barYes
Variant selectorAllows choosing the gift variantNo

and in Below mode (separate section with progress bar))

Gift configuration

Up to 3 gift levels with increasing thresholds:

Gift 1

SettingDescriptionDefault
Gift product 1Shopify product picker-
Quantity thresholdNumber of units to unlock (quantity mode)2
Amount thresholdMinimum amount to unlock (amount mode)50

Gift 2

SettingDescriptionDefault
Gift product 2Shopify product picker-
Quantity thresholdNumber of units to unlock3
Amount thresholdMinimum amount to unlock80

Gift 3

SettingDescriptionDefault
Gift product 3Shopify product picker-
Quantity thresholdNumber of units to unlock5
Amount thresholdMinimum amount to unlock120
ℹ️Thresholds display either quantity or amount depending on the chosen mode. Only the "Below" mode offers the choice between quantity and amount. The "In-card" mode always uses the tier quantity.

Unlock mode

By quantity

The gift unlocks when the customer selects a tier whose quantity meets or exceeds the threshold:

Tier 1 (1x) → No gift
Tier 2 (2x) → Gift 1 unlocked (threshold: 2)
Tier 3 (3x) → Gifts 1 + 2 unlocked (threshold: 3)

By amount

The gift unlocks when the total bundle amount exceeds the threshold:

Total 35 EUR → No gift
Total 55 EUR → Gift 1 unlocked (threshold: 50 EUR)
Total 90 EUR → Gifts 1 + 2 unlocked (threshold: 80 EUR)

Progress bar

When enabled (Below mode), the progress bar visually shows:

  • Progress toward the next gift
  • Already unlocked gifts
  • The threshold for the next gift

Gift variant selector

When enabled, the customer can choose the gift variant (e.g., color, size). Useful if the gift is a product with multiple variants.

SettingDescriptionDefault
Variant selectorAllows choosing the gift variantNo

JavaScript events

The mixin emits an event when gifts are unlocked:

EventDescription
bundle:gifts-unlockedEmitted when a new gift is unlocked, contains the list of active gifts

Compatibility

Bundle typeGift support
Quantity BundleYes (in-card + below)
Mix & Match BundleYes (in-card + below)
Variant BundleYes (in-card + below)
BOGO BundleYes (in-card + below)
Pack BundleYes (simplified, 1 gift)

Use cases

Cosmetics - Tiered gifts

  • Tier 2x: Travel mini (gift 1)
  • Tier 3x: Mini + pouch (gifts 1 + 2)
  • Tier 5x: Mini + pouch + full-size product (gifts 1 + 2 + 3)
  • Mode: In-card with images

Supplements - Gifts by amount

  • 50 EUR: Free shaker
  • 80 EUR: Shaker + samples
  • 120 EUR: Shaker + samples + nutrition guide
  • Mode: Below with progress bar
⚠️Gifts are added to the cart with a price of 0 EUR via the line item properties _gift_tier: true. Make sure your Shopify Discount configuration supports this mechanism so that the gift is actually free at checkout.