vendor/shopware/storefront/Resources/views/storefront/component/product/card/wishlist.html.twig line 1

Open in your IDE?
  1. {% block component_product_wishlist %}
  2.     {# @deprecated tag:v6.5.0 - Options addToWishlistOptions.router.add.token and addToWishlistOptions.remove.add.token will be removed. #}
  3.     {% set addToWishlistOptions = {
  4.         productId: productId,
  5.         router: {
  6.             add: {
  7.                 afterLoginPath: path('frontend.wishlist.add.after.login', { productId: productId }),
  8.                 path: path('frontend.wishlist.product.add', { productId: productId }),
  9.                 token: sw_csrf('frontend.wishlist.product.add', {"mode": "token"})
  10.             },
  11.             remove: {
  12.                 path: path('frontend.wishlist.product.remove', { productId: productId }),
  13.                 token: sw_csrf('frontend.wishlist.product.remove', {"mode": "token"}),
  14.             }
  15.         }
  16.     } %}
  18.     {% set size = size ?? 'md' %}
  20.     <div class="product-wishlist">
  21.         {% block component_product_wishlist_button %}
  22.             <button
  23.                 class="product-wishlist-{{ productId }} product-wishlist-action{% if appearance == 'circle' %}-circle{% endif %} product-wishlist-not-added product-wishlist-loading"
  24.                 title="{{ "listing.toggleWishlist"|trans|sw_sanitize }}"
  25.                 data-add-to-wishlist="true"
  26.                 data-add-to-wishlist-options="{{ addToWishlistOptions|json_encode }}"
  27.             >
  28.                 {% block component_product_wishlist_icon %}
  29.                     {% sw_icon 'heart-fill' style { 'class': 'wishlist icon-wishlist-added', 'size': size } %}
  30.                     {% sw_icon 'heart' style {'class': 'wishlist icon-wishlist-not-added', 'size': size } %}
  32.                     {% if showText %}
  33.                         <span class="product-wishlist-btn-content text-wishlist-not-added product-wishlist-btn-content-{{ size }}">
  34.                             {{ "listing.addToWishlist"|trans|sw_sanitize }}
  35.                         </span>
  36.                         <span class="product-wishlist-btn-content text-wishlist-remove product-wishlist-btn-content-{{ size }}">
  37.                             {{ "listing.removeFromWishlist"|trans|sw_sanitize }}
  38.                         </span>
  40.                     {% endif %}
  41.                 {% endblock %}
  42.             </button>
  43.         {% endblock %}
  44.     </div>
  45. {% endblock %}