I am experiencing a layout issue on the single product page when using Elementor Pro together with the WPC Product Bundles plugin.
When a product has an active bundle assigned, the product page layout breaks: columns become misaligned, and the entire right-side content shifts outside of the intended Elementor structure.
Here are the key details:
The single product template is built entirely with Elementor Theme Builder, using the standard WooCommerce widgets (Product Title, Price, Add to Cart, etc.). Without a bundle, everything displays correctly.
As soon as the product includes a bundle, the plugin injects its bundled items list outside of the Elementor column/container structure, causing the layout to break on the frontend.
I attempted to manually insert the bundle using the shortcode [wpc_bundle], but:
the shortcode either appears as plain text,
or does not render the bundle at all inside Elementor containers.
The problem occurs only on the live frontend. In Elementor’s editing mode, the layout looks correct. The issue appears only when the page is viewed normally.
In the plugin settings (Settings → Bundled products → Position), every available position option breaks the layout, whereas selecting None (hide it) removes the bundle but also prevents me from placing it manually where I want.
It seems that the plugin:
renders the bundle HTML strictly through WooCommerce hooks,
does not respect Elementor’s container/column structure,
does not offer a functional shortcode that allows manual placement inside Elementor templates.
❓ Information Requested
I would like to know:
How can I manually place the bundled products list inside a chosen Elementor container, so that the layout does not break?
Is there a fully functional shortcode (e.g., [wpc_bundle id="123"]) that renders the bundle exactly as the automatic hook does?
Is there a way to disable the automatic hook injection, so I can position the bundle output manually within Elementor?
Are there any plans for improved Elementor Theme Builder integration?
I am experiencing a layout issue on the single product page when using Elementor Pro together with the WPC Product Bundles plugin.
When a product has an active bundle assigned, the product page layout breaks: columns become misaligned, and the entire right-side content shifts outside of the intended Elementor structure.
Here are the key details:
The single product template is built entirely with Elementor Theme Builder, using the standard WooCommerce widgets (Product Title, Price, Add to Cart, etc.). Without a bundle, everything displays correctly.
As soon as the product includes a bundle, the plugin injects its bundled items list outside of the Elementor column/container structure, causing the layout to break on the frontend.
I attempted to manually insert the bundle using the shortcode [wpc_bundle], but:
the shortcode either appears as plain text,
or does not render the bundle at all inside Elementor containers.
The problem occurs only on the live frontend. In Elementor’s editing mode, the layout looks correct. The issue appears only when the page is viewed normally.
In the plugin settings (Settings → Bundled products → Position), every available position option breaks the layout, whereas selecting None (hide it) removes the bundle but also prevents me from placing it manually where I want.
It seems that the plugin:
-
-
-
❓ Information Requestedrenders the bundle HTML strictly through WooCommerce hooks,
does not respect Elementor’s container/column structure,
does not offer a functional shortcode that allows manual placement inside Elementor templates.
I would like to know:
How can I manually place the bundled products list inside a chosen Elementor container, so that the layout does not break?
Is there a fully functional shortcode (e.g., [wpc_bundle id="123"]) that renders the bundle exactly as the automatic hook does?
Is there a way to disable the automatic hook injection, so I can position the bundle output manually within Elementor?
Are there any plans for improved Elementor Theme Builder integration?