iWishlist Integration Guide
📖 iWishlist supports you to add favorite products as well as email or share their wishlist with friends. Here is our guide for integration between iWishlist and Boost AI Search & Discovery.
In this article
About iWish: Wishlist
1
App Information
- Let customers add each variant in Wishlist and login later to save the Wishlist.
- App details: https://apps.shopify.com/i-wishlist
2
iWish: Wishlist Integration Function
- Allow customers to filter products and add products to their Wishlist.
How to integrate iWish: Wishlist 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
productGridItemHtml
'{{itemWishlist}}' + // For bc-sf-filter.js or boost-pfs-filter.js

[[itemWishlist]] // for bc-sf-filter-html.liquid or boost-pfs-filter-html.liquid
ProductGridItem.prototype.compileTemplate
// Add main attribute
// Add wishlistvar
itemWishListHtml = '<a class="iWishAddColl iwishcheck" data-variant="' + firstVariant.id + '" data-product="{{itemId}}" data-ptitle="{{itemTitle}}">Add to Wishlist</a>';itemHtml = itemHtml.replace(/{{itemWishlist}}/g, itemWishListHtml);
ProductGridItem.prototype.compileTemplate
jQ(".iWishAddColl.iwishcheck").on('click', function (e) {
e.preventDefault();
var iWishvId = jQ(this).attr("data-variant");
iwish_addCollection(jQ(this), iWishvId);
return false;});iwishCheckColl();
V3
{% include 'iwish_v2' with 'iwishCollection' %}
if (window.boostSDAppConfig) {
window.boostSDAppConfig.integration = Object.assign({
wishlists: 'i-wishlist'
}, 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.