Add Snippet code to Theme Code

Shopify encourages merchants to manually add custom liquid blocks for transparency. Here’s how to add the Wishlist button snippet to your theme, specifically using the Dawn theme as an example.

Find the Product Card Liquid File and Insert Snippet on Dawn Theme

Locate the product card liquid file

Find a way to get into Edit theme code

Open folder "snippets" > card-product.liquid

Insert the Snippet

Insert the snippet code to your theme

<div class='Sun-Wishlist-ProductCard__Injection' data-product-id="{{ card_product.id }}"
           data-variant-id="{{ card_product.selected_or_first_available_variant.id }}"></div>

Ensure the card_product object matches your theme’s product object (e.g., product_card, product).

Save your changes

Save the file and check your store to see the Wishlist button on home/collection page displayed.