custom/static-plugins/theme-base/src/Resources/views/storefront/component/product/card/box-standard.html.twig line 1

Open in your IDE?
  1. {% sw_extends "@Storefront/storefront/component/product/card/box-standard.html.twig" %}
  3. {% block component_product_box_image %}
  4.     <div class="product-image-wrapper">
  5.         {# fallback if display mode is not set #}
  6.         {% set displayMode = displayMode ?: 'standard' %}
  8.         {# set display mode 'cover' for box-image with standard display mode #}
  9.         {% if layout == 'image' and displayMode == 'standard' %}
  10.             {% set displayMode = 'cover' %}
  11.         {% endif %}
  13.         <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  14.            title="{{ name }}"
  15.            class="product-image-link is-{{ displayMode }}">
  16.             {% if cover.url %}
  17.                 {% set attributes = {
  18.                     'class': 'product-image is-'~displayMode,
  19.                     'alt': (cover.translated.alt ?: name),
  20.                     'title': (cover.translated.title ?: name)
  21.                 } %}
  23.                 {% if displayMode == 'cover' or displayMode == 'contain' %}
  24.                     {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  25.                 {% endif %}
  27.                 {% sw_thumbnails 'product-image-thumbnails' with {
  28.                     media: cover,
  29.                     sizes: sizes
  30.                 } %}
  31.             {% else %}
  32.                 <div class="product-image-placeholder">
  33.                     {% sw_icon 'placeholder' style {
  34.                         'size': 'fluid'
  35.                     } %}
  36.                 </div>
  37.             {% endif %}
  38.             {% if config('core.cart.wishlistEnabled') %}
  39.                 {% block component_product_box_wishlist_action %}
  40.                     {% sw_include '@Storefront/storefront/component/product/card/wishlist.html.twig' with {
  41.                         appearance: 'circle',
  42.                         productId: id
  43.                     } %}
  44.                 {% endblock %}
  45.             {% endif %}
  47.         </a>
  48.     </div>
  49. {% endblock %}