custom/plugins/econdCrossSelll/src/Resources/views/storefront/component/product/card/box-minimal.html.twig line 1

Open in your IDE?
  1. {% sw_extends "@Storefront/storefront/component/product/card/box-minimal.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 %}
  12.         <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}{{ emcsParams[product.id] }}"
  13.            title="{{ name }}"
  14.            class="product-image-link is-{{ displayMode }}">
  15.             {% if cover.url %}
  16.                 {% set attributes = {
  17.                     'class': 'product-image is-'~displayMode,
  18.                     'alt': (cover.translated.alt ?: name),
  19.                     'title': (cover.translated.title ?: name)
  20.                 } %}
  22.                 {% if displayMode == 'cover' or displayMode == 'contain' %}
  23.                     {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  24.                 {% endif %}
  26.                 {% sw_thumbnails 'product-image-thumbnails' with {
  27.                     media: cover,
  28.                     sizes: {
  29.                         'xs': '501px',
  30.                         'sm': '315px',
  31.                         'md': '427px',
  32.                         'lg': '333px',
  33.                         'xl': '284px'
  34.                     }
  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. {% endblock %}
  46. {% block component_product_box_name %}
  47.     <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}{{ emcsParams[product.id] }}"
  48.        class="product-name"
  49.        title="{{ name }}">
  50.         {{ name }}
  51.     </a>
  52. {% endblock %}