Parallax

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>

Add this code to snippets/product-form.liquid
Add this code to snippets/product-form.liquid

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>

Add this code to snippets/product-thumbnail.liquid
Add this code to snippets/product-thumbnail.liquid

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>

Add this code to sections/header.liquid or snippets/header.liquid
Add this code to sections/header.liquid or snippets/header.liquid

 

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>

Add this code to sections/header.liquid or snippets/header.liquid
Add this code to sections/header.liquid or snippets/header.liquid

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;
}

Leave a Reply

Your email address will not be published.