If you want to integrate Quantity Break app codes on a fresh Simple theme, then click here to download the Simple theme and upload it to your store from store admin section. This theme has all the app codes integrated, so you will not need to do anything.

 

Installation Process for Simple Theme

This app requires few theme liquid file changes. The changes depend on theme liquid codes. If you understand liquid logic / codes then follow the steps given below and let us know if you face any problems. Otherwise add install@solvercircle.com as a staff member of your store (If you don't know how to add "staff member" then click here) and email us at install@solvercircle.com, then we will install the codes for you.

 

  1. Login your Shopify Store in Admin panel.
  2. Now hit our Apps URL and click on to "Get App" button.
For show this application in Simple theme, you should add some code in your template. So total process are given below.

Go to “Themes” menu of Admin Dashboard and Edit your published theme (Simple) to install the application.

Click on “Template Editor” and put the Quantity Break Application “Code” on the following files.

 

Step 1: Put the following code in theme.js.liquid file under the “Assets” folder at the end of "selectCallback" function.

//Start: SC Quantity Break
if (typeof SC_QB_On_Variant_Select == 'function')
SC_QB_On_Variant_Select(variant);
//End: SC Quantity Break

Please see the following screenshot for clean overview.

 

Step 2: Add the following code in the product-template.liquid file in “Sections” folder before the “AddToCart” button of product details page for showing quantity break table.

<!--  Start: SC Quantity Break -->
{% include "sc-quantity-break" with "sc-qb-product-script" %}
<!--  end: SC Quantity Break -->

Please see the following screenshot for clean overview.

 

Step 3 (a): In the cart.liquid file under “Template” folder, put the following code at just before the html element where the cart line price is shown.

<!--  Start: SC Quantity Break -->
{% include "sc-quantity-break" with "sc-qb-cart-item-script" %}
<!--  end: SC Quantity Break -->

Please see the following screenshot for clean overview.

 

Step 3 (b): In the cart.liquid file, put the following code as the class name of the html element where the cart line price is shown.

sc-qb-cart-item-price-2017210342-{{item.product_id}}-{{item.variant_id}}

Or, if there is no class attribute in that line of code then insert the following code:

class="sc-qb-cart-item-price-2017210342-{{item.product_id}}-{{item.variant_id}}"

Please see the following screenshot for clean overview.

 

Step 3 (c): In the cart.liquid file, put the following code as the class name of the html element where the cart line unit price is shown.

sc-qb-cart-item-unit-price-2017210342-{{item.product_id}}-{{item.variant_id}}

Or, if there is no class attribute in that line of code then insert the following code:

class="sc-qb-cart-item-unit-price-2017210342-{{item.product_id}}-{{item.variant_id}}"

Please see the following screenshot for clean overview.

 

Step 3 (d): In the cart.liquid file, put the following code at just before the form is end '</form>'

<!--  Start: SC Quantity Break -->
{% include "sc-quantity-break" with "sc-qb-cart-script" %}
<!--  end: SC Quantity Break -->

Please see the following screenshot for clean overview.

 

Step 3 (e): In the cart.liquid, put the following code as the class name of the html element where the cart sub-total is shown.

sc-qb-cart-subtotal-2017210342

Or, if there is no class attribute in that line of code then insert the following code:

class="sc-qb-cart-subtotal-2017210342"

Please see the following screenshot for clean overview.

 

Step 3 (f): In the cart.liquid, put the following code as the class name of the order note text box.

sc-qb-order-note-2017210342

Or, if there is no class attribute in that line of code then insert the following code:

class="sc-qb-order-note-2017210342"

Please see the following screenshot for clean overview.

 

Step 3 (g): In the cart.liquid, put the following code as the class name of the quantity text box.

sc-qb-cart-item-qty-2017210342-{{item.product_id}}-{{item.variant_id}}

Or, if there is no class attribute in that line of code then insert the following code:

class="sc-qb-cart-item-qty-2017210342-{{item.product_id}}-{{item.variant_id}}"

Please see the following screenshot for clean overview.

 

Step 3 (h): In the cart.liquid, change the type of the checkout button element from “submit” to “button” and Put the following code as the class name of the checkout button.

sc-qb-btn-checkout-2017210342

Or, if there is no class attribute in that line of code then insert the following code:

class="sc-qb-btn-checkout-2017210342"

Please see the following screenshot for clean overview.