Skip to main content

How does the bundle display work on the product page?

Written by Bambino

In the Settings tab, you can define the appearance and placement of the bundle on your product page.


I. Layout

Choose the visual structure of the bundle:

  • Horizontal layout

  • Vertical layout

  • Grid layout


II. Bundle position (where the bundle appears)

Above Add to cart section

The bundle is automatically displayed just before the Add to cart button.
This is the standard setup.

Using Page Builder

This option is used when your product page is built with an external tool such as:

  • GemPages

  • PageFly

  • Shogun

  • EComposer

  • Zipify Pages

When you select Using Page Builder, MoonBundles provides a code snippet to insert:

<div class="moonbundleCustomLoader"></div>

This block must be pasted exactly where you want the bundle to appear in your builder (for example, in an HTML widget or a custom code block).

The bundle will automatically load in that location when the page is shown to the customer.


III. Skip cart and go to checkout directly

If enabled, clicking the bundle’s add button will send the customer directly to checkout, skipping the cart.

This is useful if you want a faster purchase flow or for time-sensitive offers.


If your bundle still doesn’t display, or if the position isn’t respected, contact MoonBundles support. They can check whether your theme or another script is blocking the integration.

Did this answer your question?