📖 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.
About DECO Product Labels & Badges
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
DECO Product Labels & Badges Integration function
Shoppers can see Labels/Badges on 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 or Turbo. 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
3. (V3)
From your Shopify admin, go to Online Store > Themes.
4. (V3)
Find the theme you'd like to integrate the app and click Actions (⋯) > Edit code.
5. (V3)
In Asset folder, locate a file named boost-sd-custom.js.
6. (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!
Turbo
Go to Boost AI Search & Discovery > Integration > Third-party Integration > Product Label tab > Toggle on Deco Product Labels & Badges > select Okay, integrate now.
⚠️ Please be aware that within each 3rd-party app integration category, only one app can be active at a time. Therefore, if you'd like to integrate another 3rd-party product label app, it's recommended to manually toggle OFF this app to avoid any conflict > Select Remove to confirm your action.
💪 In other case, even without toggling off the integration, when you enable another app within the same category, the previously active app will be automatically disabled after your confirmation.
If you encounter any issues during the integration process, please don't hesitate to contact our support team for further assistance at [email protected].