-       We always recommend making a backup of the theme on which you want to install/configure our app and do so for the mentioned copy (this is to avoid code conflicts and other errors that can either slow down your existing store’s speed or make it unusable).Please follow the below guidelines to create a duplicate theme:Go to your Online Store > ThemesClick on the Actions button of the required theme > And then click on Duplicate to make a copy.Rename the theme as per your preference by clicking on Action > Rename

The Volume Boost app needs a one-time configuration in your theme to run properly on your store. This installation part is mandatory to ensure that your offer works perfectly on your product page and appears properly on your cart and checkout pages.Automatic Installation: This works for most stores, but for some, it could impact where our app injects code. We recommend doing this on a non-live/unpublished theme before going live. If you need help, feel free to contact us anytime.Please follow these guidelines to perform the automatic installation:1. Go to our App Help & Support and perform the Theme Integration. Click the Install button and there you go.2. Enable the App from the Theme>>Customize>>App Embed Section:Move the offer table on the product page:Add the Offer Table block on the product page as per the requirement under the Theme Customize>>Product setting.If you prefer to manually insert the table into the custom product file, please include the div code in your file. product.liquid, product-template.liquid, main-product.liquid, or product-form.liquid filePlace the following code and save it:<div class="hulkapps-volumes"></div><div class="product-hulkapps-discount-code-html"></div>

Are there any liquid installation steps required to complete the app installation?With the new release of the app and online store 2.0, no manual placement of any coding is required for installation. With a couple of clicks, the user is ready to go.However, to use the discount code functionality, a small code needs to be placed in the "cart-template" or "cart.liquid" file of your theme.If you’re a Legacy Store 1.0 user, then you will need to install the Hulk Options code snippet into your current theme.After the installation and offers setup, what's the next step?You can preview the offer on the products where you’ve created the offer. Just make sure you have enabled the offer in the app.Will I be able to use Coupon Codes in my store?Yes, you can use coupon codes in your store. It requires a manual coding placement in the "cart-template.liquid" or "cart.liquid" file of your theme. Put the code wherever you need the discount code box to be displayed on the cart page. Or you can also add the discount code box block on the cart page from theme customize setting.

This article includes all the snippets from the VolumeBoost app that will be added automatically with theme integration in your theme files. In some cases, the app snippets might not get added automatically due to the unique theme structure. This article has a list of those snippets that need to be added manually if the automatic theme integration doesn't work.Product Page Snippet: Include the Volume Discount table/grid snippet in the Product Page liquid file:This snippet is placed to display the table/grid on the Product Page of your Shopify store.Add the div code to your product.liquid, product-template.liquid, main-product.liquid, or product-form.liquid filePlace the following code and save it:<div class="hulkapps-volumes"></div><div class="product-hulkapps-discount-code-html"></div>Manually add  the snippets in the Cart Template of your theme:Individually replace existing pricing snippets with HulkApps' unique snippets cart template. Skip this step if all the required snippets are present in your required theme.Under Templates, select the cart.liquid template. (If your template contains sections, you will need to select the cart-template.liquid section instead.)1. Item Price code: Find {{ item.price | money }} and add the below code before it:data-hulkapps-ci-price data-key="{{item.key}}"Identify the code for your item's price:Find them in your cart page code file and replace them with the Item Pricing span.2. Line Item Price code: Find {{ item.line_price | money }} and add the below code before it:data-hulkapps-line-price data-key="{{item.key}}"Find them in your cart page’s code file and add them with a Line Item pricing span.       3. Cart Total Price code:Find {{ cart.total_price | money }} and add the below code before it: data-hulkapps-cart-totalFind the span class in your cart page’s code file and add it with the Cart Total Pricing span.