Documentation

Using Wish Lists

Liferay Commerce comes with wish lists out-of-the-box. Wish lists make it easy to save products for purchase later.

Adding Products to a Wish List

All users have a default wish list automatically created for them. There are two ways for users to add a product to a wishlist: clicking the heart button when previewing a product and clicking the heart button when viewing a Product’s Details page.

To add products to the default wish list, go to your storefront and click the heart button at the top right of the product.

Click the heart button at the top right to add it to the default wish list.

Important

To add products to a new wish list, you must set it as the default wish list.

You can also click the product to view the Product Details page and click on the heart button.

Click the heart button next to the Add to Cart button to add it to the default wish list.

Wish List and Wish List Content Widgets

There are two widgets associated with wish lists. The first one is the Wish Lists widget that displays a list of all the wish lists available. The second one is the Wish List Content widget that displays the contents of the active wish list.

If you are using the Minium or Speedwell accelerator, you have access to the My Lists entry in the user menu. This page already has both these widgets in place.

The Minium and Speedwell accelerators already have the widgets in place.

Adding a Wish List Widget to your Page

Follow these steps to add the Wish Lists widget to a Widget Page.

  1. Click the Add (Add) button from the top menu.

    Important

    If you are using a Content Page, there are two different ways to add a widget.

    1. Click the Edit (Edit) button from the top menu and click the Add (Add) button on the right side. The rest of the steps are the same as above.

    2. Open the Product Menu (Product Menu) and select Site BuilderPages. Navigate to the desired page and click Actions (Actions) → Edit. The rest of the steps are the same as above.

  2. In the Widgets section, search for the Wish Lists widget.

    Search for the Wish Lists widget under the Widgets section.

  3. Drag and drop the widget to the desired area in your storefront.

The Wish List widget displays all the wish lists.

Creating a New Wish List

To create a new wish list, click the Add button at the top right of the Wish List widget. When you have multiple wish lists, click one to make it the active wish list.

Note

You can follow the same steps for the Wish List Content widget. Search for it in the Widgets section and add it to the desired area in your storefront.

You can view the products in the wish list, delete them, change their quantities or add them to your cart.

Working with the Wish List Content Widget

Inside the Wish List Content widget, you can view the products present in your wish list, delete them, change their quantities, and add them to your cart.

You can edit the wish list's name or set it as the default wish list.

Click the Edit button at the top right to edit a wish list on the Wish List Content widget. While editing, you can update the wishlist name and toggle if the wishlist is the default wishlist.

Note

Only wish lists that are not configured to be the default can be deleted. If a user does not have a default wish list configured, a new default wish list is created when the user adds an item to a wish list.