I have set to show multiple bundles on product pages. However they are displayed vertically with 1 bundle on each line. How to make them display horizontally?
We can usually apply a minor workaround to display the bundles horizontally. In order to do that, you can wrap the Bundler target element into another HTML element with a bundler-widgets-side-by-side class.
This will make the bundles appear side by side. However, the position of the bundles may vary across different themes, so you might have to tweak this a bit with a custom CSS. In case you are having any issues with this, you can contact our support and we will try to help you.
Here is an example code which you can add to your product template in order to display multiple bundle widgets side by side:
We can usually apply a minor workaround to display the bundles horizontally. In order to do that, you can wrap the Bundler target element into another HTML element with a bundler-widgets-side-by-side class.
This will make the bundles appear side by side. However, the position of the bundles may vary across different themes, so you might have to tweak this a bit with a custom CSS. In case you are having any issues with this, you can contact our support and we will try to help you.
Here is an example code which you can add to your product template in order to display multiple bundle widgets side by side:
<div class="bundler-widgets-side-by-side">
<div id="bundler-target-element"></div>
</div>