After you have installed and configured Smart Wishlist on your Shopify Store, you can enhance its display by setting up the Wishlist Counter, which displays the total number of items present in the wishlist . If no item is present then the badge automatically hides. There are 2 types of Counters available with Smart Wishlist.
1. Inline Counter: This counter displays the total item count of wishlist next to the Wishlist icon. It is enabled by default. If you want, you can edit it by following below steps:
a. Visit Merchant Console =>Configure Appearance => Product Page
b. Under Wishlist icon settings, check/uncheck the box labeled "Display total number of items along with Wishlist icon".
2. Badge Counter: This is very similar to the Notifications Counter shown in Facebook, Twitter, Google+. It is enabled by default. The Badge Counter is automatically displayed next to any URL, which is points to My Wishlist Page (/a/wishlist).
In the below example, you can see yellow colored Badge counters, while Inline Counter is shown next to Wishlist icon. A live demo of both types of Wishlist Counters can be found here (Please add an item to the wishlist to see badge in action)
Setup Badge Counter
You can setup badge counter by following the below steps:
1.Make sure that you have setup a navigation link in the menu to the Wishlist Page (usually /a/wishlist) on your Store. This counter is always tied to any URL pointing to My Wishlist Page.
2. Visit Merchant Console, => Configure Appearance => Badge
and enable the checkbox labeled "Display the Wishlist badge on pages". The Counter Badge would automatically start appearing next to the menu item pointing to the Wishlist page.
3. You can adjust the text color and background-color of the badge from the Merchant Console.
If you want the badge to appear somewhere else (header, footer, main body), you can do so by placing a link to My Wishlist Page at that location. The badge has been designed to appear next to any link pointing to My Wishlist Page.
Note: If you have altered the app proxy (My Wishlist Page URL) to something else (for e.g. /apps/wishlist), then you should first update the same in Advanced Settings and use the updated URL in the above settings.
Please contact us if you face any difficulty with the above. We typically reply within 2-3 hours.
