{% sw_extends '@Storefront/storefront/component/product/card/wishlist.html.twig' %}
{% block component_product_wishlist %}
{% set addToWishlistOptions = {
productId: productId,
router: {
add: {
afterLoginPath: path('frontend.wishlist.add.after.login', { productId: productId }),
path: path('frontend.wishlist.product.add', { productId: productId }),
token: sw_csrf('frontend.wishlist.product.add', {"mode": "token"})
},
remove: {
path: path('frontend.wishlist.product.remove', { productId: productId }),
token: sw_csrf('frontend.wishlist.product.remove', {"mode": "token"}),
}
}
} %}
{% set size = size ?? 'md' %}
{# <div class="product-wishlist">#}
{% block component_product_wishlist_button %}
<a
class="product-wishlist-{{ productId }} favorite_btn icon_heart selected product-wishlist-not-added product-wishlist-loading"
title="{{ "listing.toggleWishlist"|trans|sw_sanitize }}"
data-add-to-wishlist="true"
data-add-to-wishlist-options="{{ addToWishlistOptions|json_encode }}"
>
{% block component_product_wishlist_icon %}
{# {% sw_icon 'heart-fill' style { 'class': 'wishlist icon-wishlist-added', 'size': size } %}#}
{# {% sw_icon 'heart' style {'class': 'wishlist icon-wishlist-not-added', 'size': size } %}#}
{# {% if showText %}#}
{# <span class="product-wishlist-btn-content text-wishlist-not-added product-wishlist-btn-content-{{ size }}">#}
{# {{ "listing.addToWishlist"|trans|sw_sanitize }}#}
{# </span>#}
{# <span class="product-wishlist-btn-content text-wishlist-remove product-wishlist-btn-content-{{ size }}">#}
{# {{ "listing.removeFromWishlist"|trans|sw_sanitize }}#}
{# </span>#}
{# {% endif %}#}
{% endblock %}
</a>
{% endblock %}
{# </div>#}
{% endblock %}