All Collections
Setting up Dynamic Pricing
Product page
Set up Dynamic Pricing for product prices (advanced topics)
Set up Dynamic Pricing for product prices (advanced topics)

Advanced techniques when setting up Dynamic Pricing for the product page

Bart Coppens avatar
Written by Bart Coppens
Updated over a week ago

Hide sections when displaying discounted prices

Sometimes you may want to hide a section (for example a [SAVE 10%] badge) when Discount Ninja replaces prices.
To do so:

  • mark that section with the class limoniapps-discountninja-productprice-hideafterreplace

  • ensure this html is inside an html element with the class limoniapps-discountninja-productprice-wrapper

  • Discount Ninja expects the section with the limoniapps-discountninja-productprice class to also be inside the wrapper

The end result should look like similar to this:

<div class="other classes ... limoniapps-discountninja-productprice-wrapper">
   ...
   <div class="other classes ... limoniapps-discountninja-productprice-hideafterreplace">
       ... content to be replaced (e.g. sales badge)
   </div>
   ...
   <div class="other classes ... limoniapps-discountninja-productprice">
   ... pricing section
   </div>
   ...
</div>
Did this answer your question?