custom/plugins/FroshPlatformThumbnailProcessor/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. {# We are just setting `sizes: sizes` here #}
  4. {% block component_product_box_image %}
  5.     {% if not shopware.config.FroshPlatformThumbnailProcessor.config.FixListingThumbnailSizes %}
  6.         {{ parent() }}
  7.     {% else %}
  9.         <div class="product-image-wrapper">
  10.             {# fallback if display mode is not set #}
  11.             {% set displayMode = displayMode ?: 'standard' %}
  13.             {# set display mode 'cover' for box-image with standard display mode #}
  14.             {% if layout == 'image' and displayMode == 'standard' %}
  15.                 {% set displayMode = 'cover' %}
  16.             {% endif %}
  18.             <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}"
  19.                title="{{ name }}"
  20.                class="product-image-link is-{{ displayMode }}">
  21.                 {% if cover.url %}
  22.                     {% set attributes = {
  23.                         'class': 'product-image is-'~displayMode,
  24.                         'alt': (cover.translated.alt ?: name),
  25.                         'title': (cover.translated.title ?: name)
  26.                     } %}
  28.                     {% if displayMode == 'cover' or displayMode == 'contain' %}
  29.                         {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  30.                     {% endif %}
  32.                     {% sw_thumbnails 'product-image-thumbnails' with {
  33.                         media: cover,
  34.                         sizes: sizes
  35.                     } %}
  36.                 {% else %}
  37.                     <div class="product-image-placeholder">
  38.                         {% sw_icon 'placeholder' style {
  39.                             'size': 'fluid'
  40.                         } %}
  41.                     </div>
  42.                 {% endif %}
  43.             </a>
  44.         </div>
  45.     {% endif %}
  46. {% endblock %}