All Collections
Bundle Display and Positioning
How can I show the bundles where I want them using "Custom Liquid" codes?
How can I show the bundles where I want them using "Custom Liquid" codes?

Using custom liquid to embed the bundle on pages.

Updated over a week ago

You may not be able to put the bundle freely wherever you want using Fast Bundle blocks maybe because you are not using the Shopify v2.0 theme or any other reason.

You can still use the "Custom liquid" to fulfill this need. Here is how you can do that.

How to add the bundle to my page?


This video also can teach you how to put the bundles where you want using "Custom Liquid" codes. You can check out the steps below instead.

You can also take these steps to add a custom liquid to your pages.

1. Go to Shopify admin > Online store > Theme > Customize.

2. Go to wherever you want the bundle to show and click "Add section".

3. Choose "Custom liquid".


4. Click on the created custom liquid section.


5. Enter the Code.


Put the proper liquid code in the mentioned section based on the instructions below. See list of codes.



​List of HTML Codes:

Please note that the display layout for the bundles that are placed via the "Custom Liquid" 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 "Custom Liquid" to "Vertical" like the display direction of the bundles in the "Included product pages", you should set the display direction of the "Bundles page" to "Vertical" via Fast Bundle admin > Customization > Additional customization> Bundles page layout > Vertical. (Don't forget to save!)


Now you use any of the codes below to show the bundles based on your needs.


1- 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>

2- 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 automatically and its related bundles. (Except for the Frequently Bought Together bundle).

<div class="rbrProductBundlePosition"></div>

This code can work only if inserted in a product page that has bundles.

3- Showing a bundle anywhere that you wish. (Except the Frequently Bought Together bundle)

You can use this code to add any specific bundle on any page you like. This doesn't include FBT bundles. Because they can only be shown on the main product pages.

<div class="rbrFastBundlePage" bundle-ids="BUNDLE ID"></div>


And pick the BUNDLE ID from the Fast Bundle admin. Display on Shop > More displays:

4- Only Volume discounts relating to a product page

When put on a product page, it'll show all of the volume discount bundles that are 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>




When you are done, click "Save".



You can see the result then.




5- Insert FBT

Showing the Frequently bought together bundles that a product is their main product on its product page. (The bundle won't show on the offered product pages)

<div class="rbrFBTPosition"></div>


This code can work only if inserted in the "main product" page for FBT.





Did this answer your question?