How to integrate "Add to wishlist" icon into the product cards

This widget allows users to add or remove items from their wishlist directly from product cards within catalogs. It also displays the current wishlist count, enhancing user interaction with the wishlist feature on product cards.

Follow these steps to manually integrate the "Add to Wishlist" icon:

• Go to Shopify Admin → Online Store → Themes → Customize → Edit code.
• Find and open a product card (or product grid item) file (varies depending on store theme and/or page builder used).
• Add the following code wherever you want the "Add to Wishlist" icon to appear:

<div style="display: block;" class="gw-add-to-wishlist-product-card-placeholder"
    data-gw-product-id="{{ product.id }}"
    data-gw-product-id="{{ card_product.id }}"
></div>

If you encounter any issues with the integration, feel free to contact us at support@growave.io or use the chat icon in the bottom-right corner.