How to reposition Bundle widget on Bundle as a product's product page
Unlimited Bundles & Discounts – Bundle as a Product
(This configuration only affects Standard Bundle's Bundle as a Product, not other bundle types.)
Overview
Unlimited Bundles & Discounts allows you to manually control where the Bundle widget for Bundle as a Product appears on product page.
This is useful if your theme layout is custom or if you want the bundle to appear in a specific position (for example, above the Add to Cart button, below the product title, or at any location on the product page).
This is done using a global configuration object:
window.revyBundleBapSettings
Available Configuration Keys
| Key | Description |
|---|---|
actBtnSelector |
Custom selector for the Add to Cart button |
hideElements |
Selector for elements that should be hidden when the bundle is active |
volumeVariantSelector |
Selector for volume-based variant elements |
excludeHidingSelector |
Selector for elements that should not be hidden |
mainCartForm |
Custom selector for the main cart form (used in product_page.js ) |
insertPlacement |
Selector where the bundle should be inserted on the product page |
Example: Changing the Bundle Position
To reposition the bundle, define the insertPlacement selector before the app loads.
Add the following script in your theme, ideally:
- Inside
theme.liquidbefore the closing</head>tag
<script>
window.revyBundleBapSettings = {
insertPlacement: "#some-selector"
};
</script>
Replace #some-selector with the CSS selector of the element where you want the bundle to appear.
Examples
#ProductInfo.product-form.add-to-cart-wrapper
Important:
- Make sure the selector exists on the product page.
- This configuration only affects Standard Bundle's Bundle as a Product, not other bundle types.
When Should You Use This?
- Your theme does not follow Shopify’s default product layout
- The bundle appears in the wrong position by default
- You want full control over where the bundle is rendered
If you have any questions or experience any challenges, please let us know at [email protected] and we will be happy to answer you ;)