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.

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

Smart Wishlist integration|Display ratings

Smart Wishlist integration 3

Smart Wishlist integration 4


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 sw_tooltip tooltip unbookmarked tooltipstered" data-product="'+ data.id +'" data-variant="'+ firstVariant.id +'" title=""><span class="fa fa-heart-o"></span></span>';
itemHtml = itemHtml.replace(/{{itemWishlist}}/g, wishListHtml);
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us