Help Center

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>

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