- What are Wish Lists?
- Enabling Wish Lists
- Saved Wish List Page
- Adding Item from Product Detail Page
- Add Item by Item Number
- Customizing Wish Lists Page
- Adding Navigation to Wish Lists Page
- Wish List Settings
- Managing Wish Lists In Admin
What are Wish Lists?
Both public and private Wishlists allow a customer with a customer account to flag a product they want, and save it for later. A public wishlist's intention is similar to a gift registry. This will allow others to view the list of products their friends and families may purchase from. If a customer is not logged into a customer account, or does not have a customer account on your site, they can still create a wishlist; however, the wishlist will be attached to the visitor session, and will only exist while the session exists.
Enabling Wish Lists
Note: You will need to check the box for Allow Wishlists under the shopping cart area in Themes > Global Theme Settings and enable Show Wishlist Button in Themes > Edit > Product Details > Basic Settings.
To enable this feature, navigate to Themes > Edit Theme > Global Theme Settings, and under the Shopping Cart Section, check Allow Wishlists:
After enabling Wishlists, a button will appear on the product page that will allow users to add products to a wishlist:
Saved Wish Lists Page
When users click the Add to Wishlist button, they are taken to the Wishlist Page. From here they can:
- Save selected items to a NEW Wish List
- Save selected items to an EXISTING Wish List
- Access and edit all their saved wishlists (public and private)
Adding Item to Saved Wish List from Product Detail Page
By default, product pages display a button for adding the product to a wishlist. A wish list drop-down can also be added to the product details page that will allow the customer to select a wish list to add the product to (new in 2018.1).
This can be done by adding the $$WISHLISTDROPDOWN$$ merge code to the product details HTML. To do so:
- Navigate to Themes > Edit Theme > Product Details > HTML Editor
- Paste in $$WISHLISTDROPDOWN$$ as seen in the screenshot below
- Optional: add HTML and styling as desired around the merge code to make it match your site's unique theme.
Once the merge code is on the product details page, a drop-down will be present on the page for the customer to move the product to a specified wish list:
Add Item by Item Number
New additions in 2018.1 make it possible to add items to a wish list straight from the saved wish list details page:
Add the $$ADDTOWISHLISTBUTTON$$ merge code to your theme(s)'s Saved Wishlist Details HTML to enable this functionality. To do so:
- Navigate to Themes > Edit Theme > Pages > Saved Wishlist Details > HTML Editor
- Paste in $$ADDTOWISHLISTBUTTON$$ as shown in the screenshot below:
Customizing Saved Wish Lists Page
The Saved Wishlists page can be customized in Themes > Edit Theme > Pages > Saved Wish Lists > HTML Editor.
The wishlist header layout area has merge codes that are new in 2018.1:
- $$WISHLISTNAMEHEADER$$
- $$ENTERDATEHEADER##
The wishlist layout area also has merge codes new in 2018.1:
- $$EDITNAMEBUTTOM$$
These merge codes can be added to the Saved Wishlists HTML as shown in the screenshot below:
The new merge codes, once added to the page, will allow customer's to sort their wishlist's by name and date as well as edit the wishlist by clicking the new edit button in the saved wish list table:
Adding Navigation to the Wish List Page
Wishlists can be found at this link on your domain: http://[DomainName]/store/WishList.aspx. By default, stores and themes will not have any navigation to this page, but links to this page can be easily added.
Follow the directions in the How To Edit Site Navigation And Links article to add the wishlist page to your main navbar or another menu.
You may also wish to add a link to the wishlist page on the Customer My Account Page. To do so, go to Themes > Edit Theme > Pages > Customer My Account > HTML Editor. There, you will see the following code near line 7:
<ac:layoutarea id="Menu">
<div class="well">
<ul class="nav nav-stacked nav-pills">
<li class="nav-header"><strong>$$CUSTOMERNAME$$ Account</strong></li>
<li>$$DASHBOARD$$</li>
...
<ac:visibilityarea id="lnkSavedCarts">
<li>$$SAVEDCARTS$$</li>
</ac:visibilityarea>
<ac:visibilityarea id="lnkDownloads">
<li>$$DOWNLOADS$$</li>
</ac:visibilityarea>
<li>$$LOGOUT$$</li>
</ul>
</div>
</ac:layoutarea>
</div>
Insert <li><a href="/store/wishlist.aspx">My Wishlists</a></li> into the un-ordered list element like so:
<ac:layoutarea id="Menu">
<div class="well">
<ul class="nav nav-stacked nav-pills">
<li class="nav-header"><strong>$$CUSTOMERNAME$$ Account</strong></li>
<li>$$DASHBOARD$$</li>
...
<ac:visibilityarea id="lnkSavedCarts">
<li>$$SAVEDCARTS$$</li>
</ac:visibilityarea>
<li><a href="/store/wishlist.aspx">My Wishlists</a></li>
<ac:visibilityarea id="lnkDownloads">
<li>$$DOWNLOADS$$</li>
</ac:visibilityarea>
<li>$$LOGOUT$$</li>
</ul>
</div>
</ac:layoutarea>
</div>
Once you save, this code will add a link to the left navigation menu on the customer my account page:
Wish List Settings
Themes > Edit Theme > Global Themes Settings, under Shopping Cart section -- Allow Wishlists
There's also four Wishlist related theme pages in Themes > Edit Theme, under pages:
- WishList
- WishList (Saved)
- Wishlist (Saved WishList Details)
- WishList (Shared)
The HTML and CSS of these pages can be edited there.
Managing Wish Lists In Admin
Catalog > Power Features > Wish Lists - (Click the star to the left of 'Wish Lists' to add this feature as a favorite so that it shows up under Catalog on the left nav bar)
This will bring up the 'Customer Wish Lists' page where you can manage your customer's wish lists. This interface will show the following three types of lists:
Saved Wish Lists - Wish lists your customers have saved
Temp Wish Lists - Unsaved wish lists
Saved Cart - The saved cart feature is separate from wish lists, but you may also view/edit them from this interface
The first thing you may want to do when viewing customer wish lists is filtering by wish list type to only show your customers' saved wish lists. To do this, click Search Options, then under Wish List Type choose Saved Wish List:
From here you can edit a list by either clicking on its name or by clicking on the edit icon to the left of the list. If you would like to create a new list, hit the New button in the top right corner of the page.