Advanced Wishlist Documentation

You for installing Advanced Wishlist App

A Step by Step Guide to setup Advance Wishlist App on your Shopify Store. Please follow the install instructions to see wishlist button in your store.

Please refer to the procedure below for installing wishlist in your store. If you want us to install code in your store, you can also contact us at any time.

Collection pages are very crucial for online stores as they display a grid or list of products together, thereby arousing customer interest.

In your Shopify Admin, visit Online Store => Themes => Edit HTML/CSS

Under Snippets look for any of the below files and if present and click to open the file in editor. If none of the these files are present in the theme, check for a more exhaustive list at the end of this document.

  • 1: snippets/product-grid-item.liquid
  • 2: snippets/product-card-grid.liquid.
  • 3: snippets/product-price.liquid.
  • 4: snippets/cart-product.liquid.

Search for the term price in the file and if found, add the following code snippet near the closing or tags.



Click the Save button at the top. Open any collection/catalog page in your Shopify store, you would find the Wishlist icon with a tooltip titled ‘Add to Wishlist’ under each product item.

At this stage, if the wishlist button doesnt show up, check the HTML source code of the page and search for mtwishlist. if you don’t find elements like , then repeat the process with other files. Otherwise, move to next step.

If your theme uses search and filter apps to display the contents of collection pages, the above steps may not work. It requires editing the Javascript code of those apps in the theme to display the wishlist button.Following resources would be helpful in such cases.

Display buttons over product image

The user may access their wishlist on the My Wishlist page. We will customise this page in this area. Several things to remember:

  • 1. The My Wishlist page’s contents are not kept in the theme files for your shop. It is delivered straight from out servers and uses Shopify App Proxy to blend into your store.
  • 2. This page may be accessible by default at the relative route /a/mywishlist. Visit www.yourstore.com/a/mywishlist to visit. Even if your store is hosted on the myshopify.com domain, for example at yourstore.myshopify.com/a/mywishlist, it functions the same.
  • 3. The header and Footer of this page were taken from other “pages” of your store. Our server just serves the major body content.

The tool tip of the app has a link to the My Wishlist page. However, it is advised to add a link to this page to the menu or page header. Including a link in your navigation menu is the simplest option.

  • 1. In Shopify Admin, browse to Online Store => Navigation
  • 2. Click on the Edit Menu link for the menu displayed at the top of your store.
  • 3. Under Menu Items, click on Add Menu Items
  • 4, Use the following values without quotes, Name =”Wishlist”, Link =”Web Address”, Path =”/a/mywishlist and click Save Menu.

Product Page