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.liquid  before 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 ;)

Still need help? Contact Us Contact Us