Quick View by Secomapp Integration Guide

Here is the guide for Quick View by Secomapp Integration with Boost AI Search & Discovery app.

On this page

About Quick View by Secomapp

1
App Information

2
Quick View Integration function

  • Optimize conversion rate by filtering products and show preview popup anytime.

How to integrate Quick View by Secomapp with Boost AI Search & Discovery

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, search for this file boost-pfs-filter.js. Then locate this line of code 
productGridItemHtml
4 (V2)
Copy and paste this code snippet into the function: 
// Quick view
if ((typeof SCAShopify) !== 'undefined') {
    SCAShopify.jQuery(document).unbind('click.fb-start');
    SCAShopify.loaded = false;
    SCAQVinit = undefined;
    $.getScript($('script[src*="sca-qv-"]').attr('src'));
}
5 (V2)
Click Save and you're set!

V3

3 (V3)
In Asset folder, locate a file named boost-sd-customization.js.
4 (V3)
Add the code snippet below to the boost-sd-customization.js file: 
if (window.boostSDAppConfig) {
  window.boostSDAppConfig.integration =  Object.assign({
     others: 'secomapp'
 }, window.boostSDAppConfig.integration || {});
}

5 (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