Product Page
Open, snippets/product-form.liquid
Add the following code after Add to Cart button
<div id="smartwishlist" data-product="{{ product.id }}" data-variant="{{ product.variants.first.id }}"></div>
Collection Page
Open snippets/product-thumbnail.liquid
Add the following code near the price
<span class="smartwishlist" data-product="{{ product.id }}" data-variant="{{ product.variants.first.id }}"></span>
Links
layout/theme.liquid
Wishlist links
Desktop Link
Open sections/header.liquid or snippets/header.liquid and add the following code
<li class="header-account">
<a href="/a/wishlist" id="smartwishlist_desktop_link" title="My Wishlist">Wishlist</a>
</li>
Mobile Link
Under <ul class=”mm-listview”>, please add the following
<li>
<a href="/a/wishlist" id="smartwishlist_mobile_link" title="My Wishlist">Wishlist</a>
</li>
Extra CSS
For better Wishlist experience, you may add the following CSS code to Extra CSS tool under App’s Settings in Shopify Admin.
.wishlistpage {
padding-top: 10%;
}
h1.titletext {
text-align: initial;
}
div#wishlist_url {
font-size: initial;
}
.row {
margin: initial !important;
}