Appearance

Wishlists ​

The wishlists component displays all wishlists of the currently logged in customer.

Properties ​

showShipping (bool) ​

Show a shipping method selector along with the Wishlist. Shipping cost will be included in the totals.

Styling ​

Take a look at the relevant SCSS files in our demo repository to get an idea on how to style this component.

Events ​

This component emits a mall.wishlist.productRemoved JavaScript event when a product was removed from a wishlist. You can subscribe to this event and receive the added product's information.

js
$(function () {
    $.subscribe('mall.wishlist.productRemoved', function (data) {
        console.log('product removed from wishlist', data)
    });
});

Example implementations ​

Display the wishlists manager ​

twig
url = "/wishlists"
title = "Wishlists"
layout = "default"

[wishlists]
==
<div class="container">
    <div class="row">
        <div class="col-12">
            {% component 'wishlists' %}
        </div>
    </div>
</div>