Discount Ninja Integration Guide

Here is the guide for Discount Ninja Integration with Boost Product Filter & Search app.

On this page

About Discount Ninja

1
App Information

2
Discount Ninja Integration function

  • Customers filter product list and get inherited by the updated price base on the discount policy of the app.

How to integrate Discount Ninja with Boost AI Search & Discovery

This feature only works with Boost Product Filter & Search V2 . 

1

From your Shopify admin, go to Online Store > Themes.

2

Find the theme you'd like to integrate the app and click Actions (⋯) > Edit code

3
In Asset folder, search for this file boost-pfs-filter.js. Then locate this line of code 
productGridItemHtml
4
Copy and paste this code snippet into the function where you'd like it to be: 
// For boost-pfs-filter-html.liquid
<div class="product-item--price" data-limoniapps-discounturl-product-handle="[[itemHandle]]" data-limoniapps-discounturl-product-price="[[itemPriceMin]]" data-limoniapps-discounturl-product-compareatprice="[[itemCompareAtPriceMax]]">
     <span class="limoniapps-discount-url-productprice">                                   
        [[itemPrice]]
     </span>
</div>
For example, under the product title:
Discount Ninja IntegrateIf the variable <strong>productGridItemHtml</strong> does not exist in <strong>boost-pfs-filter.js</strong>, please find it in the file <strong>boost-pfs-filter-html.liquid</strong>and paste this code snippet instead :

Discount Ninja code

5
In boost-pfs-filter.js file, locate this line of code: 
ProductGridItem.prototype.compileTemplate
6
Within the function ProductGridItem.prototype.compileTemplate, scroll down to locate this comment line: 
// Add main attribute
7
Copy and paste this code snippet above the comment line: 
var comparePrice = data.compare_at_price_max || 0;
itemHtml = itemHtml.replace(/{{itemCompareAtPriceMax}}/g, comparePrice);
itemHtml = itemHtml.replace(/{{itemHandle}}/g, data.handle);
itemHtml = itemHtml.replace(/{{itemPriceMin}}/g, data.price_min);

8
Continue to locate this line of code: 
Filter.prototype.afterRender
9
Copy and paste this code snippet into the function Filter.prototype.afterRender 
if (typeof discountNinja != 'undefined' ) {
	discountNinja.DynamicPricing.UpdatePrice();
}
10
Click Save and you're set!
If you encounter any issues during the integration process, please don't hesitate to contact our support team for further assistance at support@boostcommerce.net.

Related Articles