How to Show Discounts on Different Places on the Frontend of the Webshop?

Created by Baz ‎‎, Modified on Tue, 31 Dec, 2024 at 8:23 AM by Baz ‎‎


Step-by-Step process:

1. Show Discounts on Listing Pages and Product Sliders

Steps to Configure:

  1. After logging in to the backend , navigate to the configurations of the plugin.
  2. Locate and enable the “Show Discounts on Listing Pages and Product Sliders” option.
  3. Reference screenshot: https://prnt.sc/Hpu8yfA2b4G_

Result: When enabled, discounts will be shown on product listing pages and in product sliders.


2. Show Exact Discount Percentage on Listing Pages

Steps to Configure:

  1. After logging in to the backend , navigate to the configurations of the plugin.
  2. Locate and enable the “Show Exact Discount Percentage on Listing Pages option.
  3. Reference screenshot: https://prnt.sc/qCrv_9gtA4SS

Result: The discount percentage will be displayed next to the price on the listing page when enabled.


3. Show Discount Badge on Listing Pages

Steps to Configure:

  1. After logging in to the backend , navigate to the configurations of the plugin.
  2. Locate and enable the Show Discount Badge on Listing Pages option. 
  3. Reference screenshot: https://prnt.sc/Gk7jl8u10FgR

Result: A discount badge will appear on the product listing page when enabled.


4. Show Exact Discount Percentage on Product Detail Pages

Steps to Configure:

  1. After logging in to the backend , navigate to the configurations of the plugin.
  2. Locate and enable the Show Exact Discount Percentage on Product Detail Pages option.
  3. Reference screenshot: https://prnt.sc/pwBOuAXNS7JC

Result: The discount percentage will be shown beside the cut price on the product detail page when enabled.


5. Show Discount Badge on Product Detail Pages

Steps to Configure:

  1. After logging in to the backend , navigate to the configurations of the plugin.
  2. Locate and enable the Show Discount Badge on Product Detail Pages option.
  3. Reference screenshot: https://prnt.sc/gr3cGe_q85kj

Result: A discount badge will be visible on the product detail page when enabled.


6. Show Discounts in Search Results

Steps to Configure:

  1. After logging in to the backend , navigate to the configurations of the plugin.
  2. Locate and enable the Show Discounts in Search Results option.
  3. Reference screenshot:  https://prnt.sc/5IiyOA5yp0-6

Result: Discounts will be displayed in the search results when enabled.


7. Show Discounts on Line Item Level in the Shopping Cart

This option allows you to show discounts for individual items in the cart.

Steps to Configure:

  1. After logging in to the backend , navigate to the configurations of the plugin.
  2. Locate and enable the Show Discounts on Line Item Level in the Shopping cart option.
  3. Reference screenshot: https://prnt.sc/5IxWZ-atpK1-

Result: Discounts will be displayed at the line item level on the cart page when enabled.


8. Show Discounts on Line Item Level in Off-Canvas cart

This option controls whether or not the discounts are shown at the line item level in the off-canvas cart.

Steps to Configure:

  1. After logging in to the backend , navigate to the configurations of the plugin.
  2. Locate and enable the "Show Discounts on Line Item Level in Off-Canvas cart" option.
  3. Reference screenshot: https://prnt.sc/51I3UAfdMKsN

Result: Discounts will be shown on each line item in the off-canvas cart when enabled.


9. Show Discounts on Line Item Level on the Checkout Page

This option enables you to show the discounts on individual items at the checkout page.

Steps to Configure:

  1. After logging in to the backend , navigate to the configurations of the plugin.
  2. Locate and enable the "Show Discounts on Line Item Level on the Checkout Pageoption.
  3. Reference screenshot: https://prnt.sc/V8gNUEJHIpLe

Result: Discounts will appear at the line item level on the checkout page when enabled.


10. Show Discount Percentage on Line Item Level in the Off-Canvas Cart

This option allows you to display the percentage of discount saved for each line item in the off-canvas cart.

Steps to Configure:

  1. After logging in to the backend , navigate to the configurations of the plugin.
  2. Locate and enable the "Show Discount Percentage on Line Item Level in the Off-Canvas Cartoption.
  3. Reference screenshot: https://prnt.sc/js8dQhmuWOGh

Result: The discount percentage for each item will be visible in the off-canvas cart when enabled.


11. Show Discount Percentage on Line Item Level in the Cart Overview

This option controls whether or not the discount percentage saved are visible for each line item in the cart overview.

Steps to Configure:

  1. After logging in to the backend , navigate to the configurations of the plugin.
  2. Locate and enable the "Show Discount Percentage on Line Item Level in the Cart Overviewoption.
  3. Reference screenshot: https://prnt.sc/O8vzoU4LGMkr

Result: The discount percentage for each line item will be displayed in the cart overview when enabled.


12. Show Discount Percentage on Line Item Level in the Checkout

This option shows the discount percentage saved for each line item in the checkout aside panel.

Steps to Configure:

  1. After logging in to the backend , navigate to the configurations of the plugin.
  2. Locate and enable the "Show Discount Percentage on Line Item Level in the Checkout Asideoption.
  3. Reference screenshot: https://prnt.sc/yCepAno28TRi

Result: The discount percentage for each item will be shown in the checkout aside panel when enabled.



Frontend Screenshots:

Note: Below are the screenshots for all the above points and are highlighted in the screenshot for better use and access.



Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article