Manual Installation Guide
Follow these steps to install the Rebolt | Bundle & Upsells app manually:
1) Go to Apps > Rebolt - Bundle Products > Settings > Click on Installation
2) Click on Manual Install so you will find all steps to integrate code on cart page.
Manual Installation Steps
Step 1: Add Bundle shortcode on the product detail page
To display Product Bundle, Please paste this code at your product template or product section at any desired location (i.e after the Add to Cart Button)
<div class="th_pb_section" id="th_product_bundle" data-id="{{ product.id }}"></div>
Step 2: Add code to cart.liquid file to show bundle discounts on the cart page
Please follow these steps for "cart.liquid" template, If you see any section included there then open that particular section [ If you need help from our exceptional support team to setup code on the cart page then please click here ]
A
Find the "{% for item in cart.items %}" code. If there is no code like this in your theme, Please try to find "cart.items".
Paste this class to the first line of the cart item loop.
class="th_pb_cart_line" class="xyz th_pb_cart_line"
Paste these attributes too.
data-idth="{{ item.id }}" data-indexth="{{ forloop.index }}"
B
Find the "{% for p in item.properties %}" code. If there is no code like this in your theme, Please try to find "item.properties".
Paste this code above "{% for p in item.properties %}".
<span class="th_bundle_discount_text"></span>
Paste this code after "{% for p in item.properties %}".
{%- if p.first contains 'th_bundle_' -%}{%- continue -%}{%- endif -%}
C
Paste this class to display a single variant price. To find this line you have to find item.price.
class="th_item_price"
If there is already a class, add a class name like the one below.
class="xyz th_item_price"
D
Paste this class to display quantity-based prices. To find this line you have to find item.line_price
class="th_item_line_price"
If there is already a class, add a class name like the one below.
class="xyz th_item_line_price"
E
Paste this class to display the cart's total price. To find this line you have to find cart.total_price
class="th_cart_total_price"
If there is already a class then add a class name like below.
class="xyz th_cart_total_price"
F
Paste this class to remove all products related to the bundle. To find this line you have to find the product remove button code.
class="th_pb_remove_cart_item"
If there is already a class, add a class name like the one below.
class="xyz th_pb_remove_cart_item"
3) Then Go Manual Installation > Click on "Click here"
You can also use this document directly for short-code :- https://webcontrive.helpscoutdocs.com/article/732-shortcode-for-different-bundle-type
Get shortcodes of all types of bundles so you can place bundles where you want. Here you can find the shortcode for Bundle Products. Quantity Bundle, Frequently Bought Together, etc.
Normal Bundle Shortcode
Display bundles anywhere in your store by passing the bundle ID. Just copy the div & paste it into a template where you wish to display specific bundles.
<div class="th_pb_section th_pb_specific_bundles" data-bundleid="Ex. 123,456"></div>
Single Quantity Bundle
Display quantity bundle anywhere in your store by passing the product ID. Just copy the div & paste it into a template where you wish to display a specific Quantity bundle.
<div id="th_pb_qty_bundle" class="th_pb_qty_bundle_cls" data-pid="{{ product.id }}"></div>
Frequently Bought Together
<div class="th_pb_fbt_section" data-thpid="{{ product.id }}"></div>
Display bundle on the cart page.
Add the below code in "cart.liquid" file to display the bundle on the cart page.
<div class="th_pb_section th_pb_cart_bundles"></div>
Listing of all bundles (type Product & Variant)
You have the facility to create one page on which you can list out type Product & Variant of all bundles of your store. Type Product & Variant All bundles can be directly added to the cart with just a single click.
<div id="th_pb_all_bundles_list" data-val="th_pb_all_bundles_show" class="th_pb_custom_bundle"></div>
Listing of all bundles (type Quantity)
You have the facility to create one page on which you can list out the type Quantity of all bundles of your store. Type Quantity all bundles can be directly added to the cart by just a single click.
<div id="th_pb_all_qty_bundle" class="th_pb_qty_bundle_cls"></div>
Recommended product
Display the recommended product anywhere in your store by passing the product ID. Just copy the div & paste it into a template where you wish to display a specific recommended product.
<div class="wc_bundle_product_recommended" data-thpid="{{ product.id }}">
Recently Viewed Product
To showcase a recently viewed product on your product page, simply include the following div in your product page's code.
<div class="wc_bundle_product_recently_viewed"></div>
Shortcode with bundle ID
Display recently viewed products anywhere in your store. Just copy the div and paste it into a template where you wish to display the recently viewed product.
<div class="wc_bundle_product_recently_viewed" data-thbid="123"></div>