Smart Wishlist Setup Guide for Shopify Stores using Minimal Theme

This page lists the steps used to setup Smart Wishlist Shopify stores using Minimal theme. Depending on the theme customization and updates, the steps may vary slightly across stores.

Product Page

Location: sections/product-template.liquid or templates/product.liquid

Code:

<div id="smartwishlist" data-product="{{ product.id }}" data-variant="{{ product.variants.first.id }}"></div>

Collection Page

Location: snippets/product-grid-item.liquid

Code:

<span class="smartwishlist" data-product="{{ product.id }}" data-variant="{{ product.variants.first.id }}"></span>

Wishlist Page Link

Desktop Link

Location: sections/header.liquid or snippets/header-bar.liquid

Code:
<div class="header-bar__module">
<span class="header-bar__sep" aria-hidden="true"></span>
<a href="/a/wishlist" id="smartwishlist_desktop_link" title="My Wishlist" class="cart-page-link">Wishlist</a>
</div>

Mobile Link

Location: snippets/mobile-nav.liquid

Code:

<li class="mobile-nav__link">
<a href="/a/wishlist" id="smartwishlist_mobile_link" title="My Wishlist">Wishlist</a>
</li>

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.