Wishlist Installation

Auto Installation

1. Go to the Installation tab and select the theme on which you want to set up wishlist feature and click on the "Add" option.

2. Paste below code to display the Wishlist Button on Product Page, Collection Page, Cart Page, etc.

<div class="wishlist-engine" data-product_id="{{  product.id }}" data-variant_id="{{ product.selected_or_first_available_variant.id }}" data-full_button="true"></div>

The Wishlist button is displayed same as below screenshot on the Collection Page.

2. Paste below code to display the "Save for Later" Button on cart page.

<div class="wishlist-engine-cart" data-product_id="{{ item.product.id }}" data-variant_id="{{ item.product.selected_or_first_available_variant.id }}" data-line="{{ item.index | plus: 1 }}">Save For Later</div>

The Save for later button is displayed same as below screenshot on the Cart Page.

3. Follow the steps to add wishlist menu in header:-

• Go to Shopify Admin >> Click on Online Store >> Navigation.
• Select your Main menu and click on Add menu item to add a new menu item.
• Use this values without quotes, Name = "Wishlist", Link = "Web Address", Path = "/apps/wishlist-engine".
• Click on the Save menu.
• The Wishlist menu will show same like below:-

Sometimes, if there is not enough space in the menu, in that case, you may add the link somewhere in the page header.