Wishlist Plus Integration Guide
📖 Here is the guide for Wishlist Plus Integration with Boost AI Search & Discovery app.
On this page
About Wishlist Plus
1
About Wishlist Plus
- Wishlist Plus enables customers to bookmark their favorite products and pick up where they left off when they return.
- App details: https://apps.shopify.com/swym-relay
2
Wishlist Plus Integration Function
- Provide an Add to Wishlist button/icon on every page on product items while navigating the right product.
How to integrate Wishlist Plus 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.
From your Shopify admin, go to Online Store > Themes.
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

// For boost-pfs-custom.css.liquid
.boost-pfs-filter-products .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded){
display: none;
}
productGridItemHtml
'{{itemWishlist}}' + //For boost-pfs-filter.js

If the variable productGridItemlHtml does not exist in boost-pfs-filter.js, please find it in the file boost-pfs-filter-html.liquid and paste this code snippet instead:
[[itemWishlist]] //For boost-pfs-filter-html.liquid
ProductGridItem.prototype.compileTemplate
// Add main attribute
/* Swym integration */
var itemWishlistHtml = '<button data-with-epi="true" class="swym-button swym-add-to-wishlist-view-product wishlist swym-button product_' + data.id + '" data-swaction="addToWishlist" data-product-id="' + JSON.stringify(data.id) + '" data-variant-id="' + data.variants[0].id + '" data-product-url="' + boostPFSConfig.shop.url + Utils.buildProductItemUrl(data, false) + '"></button>';
itemHtml = itemHtml.replace(/{{itemWishlist}}/g, itemWishlistHtml);
ProductList.prototype.afterRender
/** End Swym integration **/
document.dispatchEvent(new CustomEvent("swym:collections-loaded"));
<script defer> function swymCallbackFn(swat){
// your API calls go here
document.addEventListener("swym:collections-loaded", function(){
swat.initializeActionButtons("<<Collections Product Grids Parent Selector>>"); }) }
if(!window.SwymCallbacks){
window.SwymCallbacks = [];
}
window.SwymCallbacks.push(swymCallbackFn);
</script>
💡 Replace the <<Collections Product Grids Parent Selector>> from the code snippet above by locating the selector from your Store's front end of the collection's Product grids container:

{%include 'swym-custom'%}
You can find more details in Swym document in the link below: https://swym.it/help/add-wishlist-button-to-your-collections-page-2/
V3
if (window.boostSDAppConfig) {
window.boostSDAppConfig.integration = Object.assign({
wishlists: 'plus'
}, window.boostSDAppConfig.integration || {});
}
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.