Integrate Advanced Wishlist with Product Filter & Search Apps

When you install any third party Filter app to your store, the wishlist button doesn't get initialized automatically. In this article we show you how to make our wishlist buttons appear on product items on asynchronously loaded pages.

1. From your Shopify admin, go to Online Store > Themes. 
2. Find the theme you'd like to integrate the app and click Actions (⋯) > Edit code.
3. In Asset folder, search for the file where liquid file "custom.css.liquid", "boost-sd-custom.js", or  any other custom file.
4. Copy this code snippet and paste into the file (make sure it doesn't intervene with any existing codes inside the file by pasting it into a new line)

5. {% render 'hulkapps-wishlist-collection-btn', productId: product.id, variantId: product.selected_or_first_available_variant.id %}

6. You might have to contact the Filter & Search app developers for adding the below code to their code.
7. Click Save and you're all set!
8. Our app works impeccably with Cloud Search & Filter app.