custom/plugins/WynTheme/src/Resources/views/storefront/component/product/card/wishlist.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/product/card/wishlist.html.twig' %}
  3. {% block component_product_wishlist %}
  4.   {% set addToWishlistOptions = {
  5.     productId: productId,
  6.     router: {
  7.       add: {
  8.         afterLoginPath: path('frontend.wishlist.add.after.login', { productId: productId }),
  9.         path: path('frontend.wishlist.product.add', { productId: productId }),
  10.         token: sw_csrf('frontend.wishlist.product.add', {"mode": "token"})
  11.       },
  12.       remove: {
  13.         path: path('frontend.wishlist.product.remove', { productId: productId }),
  14.         token: sw_csrf('frontend.wishlist.product.remove', {"mode": "token"}),
  15.       }
  16.     }
  17.   } %}
  19.   {% set size = size ?? 'md' %}
  21.   <div class="product-wishlist">
  22.     {% block component_product_wishlist_button %}
  23. {#    TODO class="product-wishlist-{{ productId }} btn btn-icon btn-icon--light btn-icon--rounded btn-icon--with-shadow {% if size == 'md' %}btn-icon--small{% endif %} wishlist-button product-wishlist-not-added product-wishlist-loading js-tooltip"#}
  24.       <wyn-button
  25.         variant="secondary"
  26.         icon-button
  27.         {% if size == 'md' %}size="small"{% endif %}
  28.         class="product-wishlist-{{ productId }} wishlist-button product-wishlist-not-added product-wishlist-loading js-tooltip"
  29.         title="{{ "listing.toggleWishlist"|trans|sw_sanitize }}"
  30.         data-add-to-wishlist="true"
  31.         data-add-to-wishlist-options="{{ addToWishlistOptions|json_encode }}"
  32.       >
  33.         {% block component_product_wishlist_icon %}
  34.           {% sw_icon 'heart-fill' style { 'class': 'wishlist icon-wishlist-added', 'size': size, 'slotAttr': 'icon' } %}
  35.           {% sw_icon 'heart' style {'class': 'wishlist icon-wishlist-not-added', 'size': size, 'slotAttr': 'icon' } %}
  37.           {% if showText %}
  38.             <span class="product-wishlist-btn-content text-wishlist-not-added product-wishlist-btn-content-{{ size }}">
  39.               {{ "listing.addToWishlist"|trans|sw_sanitize }}
  40.             </span>
  41.             <span class="product-wishlist-btn-content text-wishlist-remove product-wishlist-btn-content-{{ size }}">
  42.               {{ "listing.removeFromWishlist"|trans|sw_sanitize }}
  43.             </span>
  44.           {% endif %}
  45.         {% endblock %}
  46.       </wyn-button>
  47.     {% endblock %}
  48.   </div>
  49. {% endblock %}