How to install AIOD – All Automatic Discount manually?

To install the automatic discount app you have to follow some easy steps below.

App configuration video:

Line Item-based app configuration on the cart.

 

NOTE: Here we used a file name that is normally used by the theme developer. Maybe the file name will be different in your case. If the file name does not match don’t worry we are here to assist you in that case. Click here to request to configure App Manually.

Here are the steps to configure the APP manually.

1. Go to the AIOD – All Automatic Discount app Dashboard

2. Add New Snippets and JS Using the automatic installation button

Here you are on the app dashboard. Click on the install button.

Once you choose the theme and hit the install button.

It will create all the files which are necessary for the application on your theme.

Now go to the theme.liquid and check whether the file is {% include ‘cscode_discount’ %} is included or not and follow the next step.

3. Include Snippet on the theme.liquid

-> Under Layout, there is a theme.liquid

{% include 'cscode_discount' %}
Add the above code to your theme.liquid file before ending the tag.

NOTE: If the code is already there then no need to add this snippet twice.

Update existing snippet

Find “cart-template.liquid” under Sections

Open cart-template.liquid and replace the code like the below instruction.

Replace {{ cart.total_price | money }} or {{ cart.total_price | money_with_currency }} with the below code:

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

Before:

After:

Manual code for Volume discount on the product page:

If you need to display in a specific position for the volume discount table then you can copy the below code and paste it where you want to display it.

<div class="aiod-volume-discount-wrap"></div>

Most probably this code add just after the “Add to Cart” button on your snippets product-form.liquid or section product-template.liquid

Manual code for Wholesale/General discount:

If you need to display in a specific position for the wholesale discount offer then you can copy the below code and paste it where you want to display it.

<div class="aiod-wholesale-discount-topbar"></div>

Manual code for BOGO discount:

If you need to display in a specific position for the BOGO discount then you can copy the below code and paste it where you want to display it.

<div class="aiod-bogo-discount-wrap"></div>

Most probably this code add just after the “Add to Cart” button on your snippets product-form.liquid or section product-template.liquid

If you want to add a BOGO offer on the Topbar then you have to add the below code on your topbar.

<div class="aiod-bogo-discount-topbar"></div>

Manual code for Bundle discount on Product Page or Change the position:

If you need to show in a specific position for the Bundle discount then you can copy the below code and paste it where you want to display the bundle products.

<div class="aiod-bundle-discount-wrap"></div>

NOTE: If you want to change the position just make sure you remove this code from the product.liquid. So the bundle is not displayed on the product page twice.

Most probably this code add just after the main section of your product template on your section product-template.liquid

Manual code for Cart Conditional discount on the Cart page:

If you need to show in a specific position for a Bundle discount then you can copy the below code and paste it where you want to display the offer widget on the cart page.

<div class="aiod-general-discount-topbar"></div>

List Single Bundle:

If you want to display this single bundle anywhere on the page/blog / or any other content/theme template, You can use this single bundle code with the offer id.

Here are the steps on how can you get the bundle div with its ID.

Step 1: Go to the AIOD – All Automatic Discount app.

Step 2: Go to Offers. Here you will see all the offers you created.

Step 3: Find your bundle offer which you want to display on the homepage or any other page except the product page. Click on this code button.

Step 4: In the popup, you can see the code below with the offer ID.

Copy that code and paste it where you want to display this bundle.

NOTE: Make sure you used the Show HTML editor on Pages or Blogs when you paste this code.

Display all the bundles on the page:

If you add this code outside of the product template, it will display all the bundle which is created on the App.

Here are the steps on how can you create all bundle pages.

Step 1: Go to the pages

Step 2: Create a page for All Bundles

Step 3: Click On Show HTML

Step 4: Copy the below code

<div class="aiod-bundle-discount-wrap"></div>

Step 5: Paste it on Page HTML editor like the below screenshot

Step 6: Hit the Save button and open that page using View Page

On this page, you will get all the bundle list which is created under App.

NOTE: Make sure you used the Show HTML editor when you paste this code.

Display all bundles in the theme template:

If you add this code outside of the product template, it will display all the bundle which is created on the App.

Here are the steps on how can you create all bundle pages.

Step 1: Go to the Themes and edit the theme to which you want to add this code.

Step 2: Edit your theme template in which you want to add the All bundle code.

Step 3: Copy the below code

<div class="aiod-bundle-discount-wrap"></div>

Step 4: Paste it on the theme template like below. I set it on the index page after the content for the header.

Step 5: Hit the Save button and test it.