To set up a bundle app manually you need to first click on the "Documentation" option at the right top corner of the dashboard. You will see there steps to follow.


There are 3 steps:


Step 1: Add file for Bundle.


You need to add the below code to your theme.liquid file before </body> and save it.


{% render 'th-bundle-product' %}




Step 2: Paste the code to the display bundle on the product page.


Paste this code to display the Product bundle on the product page.


<div class="th_pb_section" id="th_product_bundle" data-id="{{ product.id }}"></div>


Paste this code to display the Quantity bundle on the product page.


<div id="th_pb_qty_bundle" class="th_pb_qty_bundle_cls" data-pid="{{ product.id }}"></div>




Step 3: Paste the code to display bundle in the cart page.


Step a: Find the code {% for item in cart.items %} and paste this class and attribute given below to the first line of cart item loop.


class: "th_pb_cart_line"

Attribute: data-idth="{{ item.id }}" data-indexth="{{ forloop.index }}"



Step b: Find "{% for p in item.properties %}".


Paste the code above "{% for p in item.properties %}"

<span class="th_bundle_discount_text"></span>


paste the code below "{% for p in item.properties %}"

{%- if p.first contains 'th_bundle_' -%}{%- continue -%}{%- endif -%}





Step c: Fine this line item.price and paste this code to display variant price.


"th_item_price"



Step d: Fine the line item.line_price and paste the code to display quantity-based price.


"th_item_line_price"



Step e: Find this line cart.total_price and paste the code to display cart total price.


"th_cart_total_price"



Step f: Find the product remove button and paste this code to remove all products related to the bundle.


"th_pb_remove_cart_item"