Smart Wishlist Integration Guide

Smart Wishlist is the next generation wishlist for Shopify Stores, which is really simple to use and the wishlist can be created with one-click. Here is our guide for integration between Smart Wishlist and Boost Product Filter & Search.

In this article

About Smart Wishlist

1
App Information

2
Smart Wishlist Integration Benefit

  • Navigating to the exact product and bookmark it anytime with the wishlist heart icon on product items.

Demo for Smart Wishlist Integration with Boost

Here are some of our customers' stores with our app and Smartwishlist integration.

Smart Wishlist integration|Display ratings

Instruction

Attention: The current document only works with the new front-end lib from Boost Commerce. Please read this document first to know if you are using the latest version.
1
Edit your current theme.
2
Go to the boost-pfs-filter.js file.
3
Add the following script to the Product.prototype.afterRender function 
if (data.event_type != 'init' && typeof ReloadSmartWishlist !== 'undefined') { ReloadSmartWishlist(); }
4
If after step 3, the WishList doesn't show up. You should add this block of code into the ProductGridItem.prototype.compileTemplate function: 
var wishListHtml = '<span class="smartwishlist" data-product="'+ data.id +'" data-variant="'+ data.variants[0].id +'"></span>';
itemHtml = itemHtml.replace(/{{itemWishlist}}/g, wishListHtml);

Related Articles