Wishlist King Integration Guide

Wishlist King helps you to add your favorite products or share the wishlist with your friends. Here is our guide for Wishlist King integration with Boost Product Filter & Search app.

About Wishlist King

1

App Information

• Wishlist King save the favorite products across all devices for later purchase.
• App details: https://apps.shopify.com/wishlist-king

2

Wishlist King Integration Benefit

• Display wishlist heart icon in product item when filtering out the product listing.

Demo for Wishlist King Integration with Boost

Here are some of our customers' stores with our app and Wishlist King integration

• https://www.thinksolutionz.com/collections/all

• https://retykle.myshopify.com/collections/all

• https://www.tileclub.com/collections/all

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.

'{{itemWishlist}}' + // For boost-pfs-filter.js
[[itemWishlist]] // For boost-pfs-filter-html.liquid

If the productGridItemHtml variable does not exist, please check the file boost-pfs-filter-html.liquid

var itemWishlistHtml = "<!-- include 'wishlist-button-collection' with '" + data.id + "' -->";
itemHtml = itemHtml.replace(/{{itemWishlist}}/g, itemWishlistHtml);

Then find the ProductGridItem.prototype.compileTemplate function and paste the script before "Add main attribute" comment: