• On your “Shopify” store click on “Apps” option on the left bar of your Dashboard. Then Click on “Visit Shopify App Store”.



  • Then search for the “Volume and Trade Discount by HulkApps” and click on “Get



  • As soon as a user clicks on “Get” button it will redirect to the installation page. Over there click on “Install App” button it will redirect to “Volume and Tiered Discount” App page of your Store. 



    Now user needs to setup the installed app with the “Theme” they have on their store. In order to make app successfully working with theme, user needs to navigate to “Edit Code” by clicking on “Online Store” button on left bar of their Dashboard and from the “Action” dropdown menu select “Edit Code” options.



  • By clicking on “Edit Code” option, user will be redirected to the coding page of the particular “Theme” installed on their Store.

  • Now from the sidebar click on “Snippets” folder and click on “Add a new Snippet” button to add new Snippet.



    NOTE: Please make sure that if a snippet naming “hulkcode_common.liquid” is already added then just check the cross-check the coding from here, and if it’s same then you can ignore these steps. 

  • In the newly added Snippet add the code from here. And then save it.

  • Now, look for the “Assets” folder in the same side bar and create a new Asset file naming “hulkcode.js” and then add copy the code from here and paste into it and Save the Asset file.



    NOTE: If an asset file naming “hulkcode.js” is already present in the folder then kindly cross-check the coding from here and if it’s the same then you can ignore this step.

  • Now navigate to “Layout” folder and in there look for the “theme.liquid” file. And then in file look for the code “{% include 'hulkcode_common' %}” and if it’s not present then add it before </body> tag. (Basically, can be found at the end of page)

  • Now look for the “jquey.min.js” script in the same file, if it isn’t present there than simply add If not, then add below code “<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>” before </head> tag.

  • Now, navigate to “Cart.liquid” under “Templates” folder Or” cart-template.liquid” file under  “Sections

    • Now in here, search for “{{ item.price | money }}” in “Cart.liquid”  file and replace that code with the code below.

      <span class="hulkapps-cart-item-price" data-key="{{item.key}}">
             {{ item.price | money }}
      </span>

    • Secondly, search for ”{{ item.line_price | money }}” in “Cart.liquid”  file and replace that code with the code below.

      <span class="hulkapps-cart-item-line-price" data-key="{{item.key}}">
               {{ item.line_price | money }}
       
      </span>

    • Then, search for “{{ cart.total_price | money }}” in “Cart.liquid”  file and replace that code with the code below.

      <span class="hulkapps-cart-original-total">
              {{ cart.total_price | money }}
      </span>


NOTE 1: A user only needs to replace these codes if they aren’t already present in the respective files as mentioned above.

 

NOTE 2: The changes reflect on your live theme only. In case if the coding has been placed in other themes, then all the coding removal steps above are need to be followed again.

Can't find what you're looking for?

Let us help you. Open a Support Ticket, and we will respond within a day (but usually within a couple of hours).
Send a Support Request