custom/plugins/econdCrossSelll/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}) }}{{ emcsParams[product.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: {
  30.                         'xs': '501px',
  31.                         'sm': '315px',
  32.                         'md': '427px',
  33.                         'lg': '333px',
  34.                         'xl': '284px'
  35.                     }
  36.                 } %}
  37.             {% else %}
  38.                 <div class="product-image-placeholder">
  39.                     {% sw_icon 'placeholder' style {
  40.                         'size': 'fluid'
  41.                     } %}
  42.                 </div>
  43.             {% endif %}
  44.         </a>
  45.     </div>
  46. {% endblock %}
  48. {% block component_product_box_name %}
  49.     <a href="{{ seoUrl('frontend.detail.page', {'productId': id}) }}{{ emcsParams[product.id] }}"
  50.        class="product-name"
  51.        title="{{ name }}">
  52.         {{ name }}
  53.     </a>
  54. {% endblock %}
  55. {% block component_product_box_variant_characteristics %}
  56.     {% if product.variation %}
  57.         <div class="product-variant-characteristics">
  58.             <div class="product-variant-characteristics-text">
  59.                 {% if not displayParent %}
  60.                     {% for variation in product.variation %}
  61.                         {{ variation.group }}:
  62.                         <span class="product-variant-characteristics-option">
  63.                         {{ variation.option }}
  64.                     </span>
  66.                         {% if product.variation|last != variation %}
  67.                             {{ " | " }}
  68.                         {% endif %}
  69.                     {% endfor %}
  70.                 {% endif %}
  71.             </div>
  72.         </div>
  73.     {% endif %}
  74. {% endblock %}