DECO Product Labels & Badges

DECO Product Labels & Badges adds labels based on predefined rules. You can create Labels for individual products, all products in a Collection, Out stock products, On Sale products, New products or mix these rules together. Here is our guide for integration between DECO Product Labels & Badges and Boost AI Search & Discovery.

On this page

About DECO Product Labels & Badges

1
App Information

  • DECO Product Labels & Badges allows you to add visually-appealing labels to product images and display them on both product and collection pages. 
  • App details: https://apps.shopify.com/product-labels

2
DECO Product Labels & Badges  Integration function

  • Shoppers can see Labels/Badges in the product item when finding their desired products.

Instruction

This feature only works with Boost AI Search & Discovery V2 and above. To find out which version of our app your store's current theme is installed with, please follow this article.

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.

Select one of the Versions below for the app version that your theme is installed with (if you have not known it, yet, please follow this article to find out):V2 or V3. Then follow its corresponding Step 3. 

V2

3 (V2)
In Asset folder, find boost-pfs-filter.js file. Then search for this line of code: 
ProductList.prototype.afterRender
4 (V2)
Add this code snippet below into the function (between the { }) 
// Integrate Product Labels if (typeof SECOMAPP !== "undefined" && typeof SECOMAPP.pl !== "undefined") {     
SECOMAPP.pl.labelCollections(true); }

5 (V2)

Click Save to save all the changes you've just made and you're all set! 

V3

1 (V3)
From your Shopify admin, go to Online Store > Themes.
2 (V3)
Find the theme you'd like to integrate the app and click Actions (⋯) > Edit code.
3 (V3)
In Asset folder, locate a file named boost-sd-custom.js.
4 (V3)
Add the code snippet below to the boost-sd-custom.js file: 
if (window.boostSDAppConfig) {  window.boostSDAppConfig.integration =  Object.assign({     labels: 'deco' }, window.boostSDAppConfig.integration || {});}

7 (V3)
Click Save and you're all 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