Please note that the display direction for the bundles placed via the "Gempages" is "Horizontal" by default since it's linked to the display direction of the "Bundles Page."
If you want to set the display direction for the bundles that are placed via the "Gempages" to "Vertical," like the display direction of the bundles in the "Included product pages," feel free to contact Fast Bundle support, and our support team will look into it for you ASAP.
1. Add Custom Code Element
In the Gempages editor for the specific page you wish, in add Element, add a custom liquid and drag it on the page:
2. Edit Code
Then, click on Edit Code and enter the right HTML code. (In the example, we are adding "All your bundles" from the list of HTML codes below)
3. Publish and Preview
Publish your page and preview the template to view the changes.
List of HTML Codes:
Now, you can use the codes below to show the bundles based on what you need. You can access all these codes/Bundle IDs in the boosters section of our App.
1. Insert Relating bundles to a specific product page
Showing all of the bundles that are relevant to a product on that product's page.
Fast Bundle will detect the product and its related bundles automatically (except for the Frequently Bought Together bundle).
<div class="rbrProductBundlePosition"></div>
This code can only work if inserted in a product page with bundles.
2. Insert all your bundles at once
Showing all of the bundles that you've made with Fast Bundle. (Except the Frequently Bought Together bundle).
This will work the same as the "Bundles page" in Fast Bundle.
<div class="rbrFastBundlePage"></div>
Please note that this code will only load bundles that have already been added to the bundles page through Fast Bundle -> Boosters -> Manage Bundles page.
3. Showing a bundle anywhere that you wish. (Exceptions included)
You can use this code to add any specific bundle on any page you like. This doesn't include FBT bundles, Add-on bundles, and Volume bundles made for all products or a specific collection, since these bundles can only be shown on their main product pages.
<div class="rbrFastBundlePage" bundle-ids="BUNDLE ID"></div>
You can copy the bundle ID from the Boosters section.
4. Only Volume discounts relating to a product page
When put on a product page, it'll show all volume discount bundles related to that product. Using this, you can now adjust the position of your volume discount bundles separately from other bundles on a product page.
<div class="rbrVolumeContainer"></div>
5. Insert FBT
Used for re-positioning Frequently bought together bundles where a product is the main product on its product pages. (The bundle won't show on the offered product pages)
<div class="rbrFBTPosition"></div>
This code can only work if inserted on the "main product" page for FBT.
We hope this article was helpful! If you have any further questions or need additional assistance, don’t hesitate to reach out to the Fast Bundle support team. You can contact us through the following options:
Live Chat: Get instant help via live chat on our website or through the Fast Bundle admin panel in your Shopify dashboard.
Email: Send your inquiries to Support@fastbundle.co, and our team will respond as quickly as possible.
We’re always here to assist you!