Smart Wishlist setup steps on Launchpad Star theme of Shopify

Launchpad Star is a free theme for Shopify Stores which comes default with every Shopify store. In this article we shall explain the steps involved in configuring the Smart Wishlist on stores using Launchpad Star theme. This applies to both Blue and Light versions of Supply.

You must be logged in to Shopify Admin of your store. Developers are advised to go through App Setup Guide in case of any issues.

Wishlist Button on Product Pages

  1. Open templates/product.liquid

Add the following code after </button>

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

Wishlist Button on Collection Pages

  1. Open snippets/product-grid-item.liquid

2. Add the following code before closing </p>

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

Link to Wishlist page

  1. Open snippets/header-bar.liquid

2. Add the following code after the <ul> containing customer_register_link

<div class="header-bar__module"><a href="/a/wishlist" id="smartwishlist_desktop_link" title="My Wishlist">Wishlist</a></div>

Open snippets/mobile-nav.liquid

Add the following code after <li> containing customer_register_link

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

User Account Integration

  1. Open layout/theme.liquid

2. Add the following code after opening <body>

<input type="hidden" name="sw_customer_id" id="sw_customer_id" value="{% if customer %}{{ customer.id}}{% else %}0{% endif %}" />

Once done, go to Apps => Smart Wishlist => User Accounts and check the box titled “Enable User Account Integration” and click Save.

 

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.