This module enhances Magento’s wishlist.

Installation

This module is a part of MageSuite metapackage

composer require "creativestyle/magesuite-wishlist" ^1.0.0

Admin settings

Ajax add-to wishlist (without page reload) is enabled by default when the module is installed.

Additional customerData (SKUs of all products added to the wishlist) must be enabled in the admin panel:

Stores > Configuration > Customers > Wishlist

Under the Additional Data tab, Is Enabled should be set to yes

Frontend

Ajax add-to-wishlist works by default after the module are installed. (see view/frontend/web/js/wishlist/add-to-wishlist-ext.js file)

After clicking on the wishlist icon selected class is added to clicked cs-links-block-addto__link The same class is added to every wishlist link that is already in the given user wishlist. (see view/frontend/web/js/wishlist/is-in-wishlist.js file)

Styling

There is no styling provided for selected wishlist icons as this strictly depends on child project styling. Suggested styling:

.cs-links-block-addto__link.selected {
    background-color: your_color; or fill: your_color;
    pointer-events: none;
}