Add Wishlist Button to Collections Page

You can enable the wishlist collection view icon to be added automatically from Apps then Wishlist:

Settings Page => Add to Wishlist from Collections & Quick View => Wishlist button on product tiles in collection pages and click enable

Alternatively, you can add the wishlist collection view icon manually:

From your Shopify admin, go to Online Store > Themes.
Click on "Edit code" from the Actions dropdown.
In the Snippets folder, locate the file that displays your product card in one of these files like:

4. Copy and paste the following snippet where you want the button to appear in your code:

    {% render 'wishlisthero-collection-product' with product: product %} 
  

Alternatively, for Dawn theme or if you use a different snippet, use the following code:

    {% render 'wishlisthero-collection-product' with product: product_card_product %} 
  

    {% render 'wishlisthero-collection-product' with product: card_product %} 
  