How to set up the collection page button

You need to know how to modify your Shopify theme liquid code to follow this tutorial. If you can't follow these instructions, contact our app support for assistance.

Step 1

Find your theme and press "Edit code"

Step 2

Insert the following code snippet into the collection page card component of your Shopify theme's liquid code.

Depending on your theme, productVariable can be named differently (such as "card_product").

<stella-wishlist-product-tile-wishlist-button
  liquid-product-json="{{ card_product | json | escape }}">
</<stella-wishlist-product-tile-wishlist-button>

If you're using a free theme available on the Shopify Theme Store, go to the "card-product.liquid" page and insert the code here. It should be under " render 'price' " (as highlighted in row 207).

Step 3

Save your changes. You should now see the collection page "Add to wishlist" button on your theme. If you want to change the look and feel of the button, go to your theme editor and find Stella Wishlist in your theme's app embeds.