Welcome to Our Help Desk.
You will get all the detailed information for your queries related to our Shopify apps.
How to install All in One Automatic Discount manually?
4742 Views
April 04, 2021
To install the automatic discount app you have to follow some easy steps below.
App configuration video:
Line Item based app configuration on 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 All In One Automatic Discounts app Dashboard.
2) Add New Snippets and JS Using automatic installation button
Here you are on app dashboard. Click on the install button.
Once you Choose the theme and hit the install button.
It will create all the files which is necessary for the application on your theme.
Now go to the theme.liquid and check the file is {% include ‘cscode_discount’ %} is included or not and follow the next step.
3) Include Snippet on theme.liquid
-> Under Layout there is a theme.liquid
{% include 'cscode_discount' %}
add this above code on 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 below instruction.
3) 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 product page
If you need to display in a specific position for the volume discount table then you can copy below code and paste it where you want to display.
<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 below code and paste it where you want to display.
<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 Bundle discount then you can copy 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 display 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 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 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 All in One 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 in 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 bundles page.
Step 1: Go to the pages
Step 2: Create a page for All Bundles
Step 3: Click On Show HTML
Step 4: Copy below code
<div class="aiod-bundle-discount-wrap"></div>
Step 5: Paste it on Page HTML editor like below screenshot
Step 6: Hit the Save button and open that page using View Page
In 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 bundle 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 bundles page.
Step 1: Go to the Themes and edit the theme in 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 below code
<div class="aiod-bundle-discount-wrap"></div>
Step 5: Paste it on theme template like below. I set it on index page after content for header.
Step 6: Hit the Save button and test it.