custom/plugins/KmPitchPrint/src/Resources/views/storefront/utilities/thumbnail.html.twig line 1

Open in your IDE?
  1. {# in diesen Routes werden die webp-Grafiken nicht verwendet (PP-Previews) #}
  2. {% set except_webp_routes = [
  3.     'frontend.checkout.cart.page',
  4.     'frontend.checkout.finish.page',
  5.     'frontend.checkout.confirm.page',
  6.     'frontend.checkout.register.page',
  7.     'frontend.account.edit-order.page',
  8.     'frontend.wishlist.page',
  9.     'km.ticket.form'
  10. ] %}
  11. {% if activeRoute in except_webp_routes %}
  13.  {% sw_include '@KmPritchPrint/storefront/utilities/thumbnail-km-pp.html.twig'  with {
  14.         media: media
  15.     }%}
  16. {% else %}    
  17.     {% block thumbnail_utility %}{% apply spaceless %}
  18.     {% if attributes is not defined %}
  19.         {% set attributes = {} %}
  20.     {% endif %}
  22.     {% if attributes.class %}
  23.         {% set attributes = attributes|merge({'class': 'weedesign-webp ' ~ attributes.class}) %}
  24.     {% else %}
  25.         {% set attributes = attributes|merge({'class': 'weedesign-webp'}) %}
  26.     {% endif %}
  28.     {% if attributes.alt is not defined and media.translated.alt is defined %}
  29.         {% set attributes = attributes|merge({'alt': media.translated.alt}) %}
  30.     {% endif %}
  32.     {% if attributes.title is not defined and media.translated.title is defined %}
  33.         {% set attributes = attributes|merge({'title': media.translated.title}) %}
  34.     {% endif %}
  36.     {% set metaProportion = media.metaData %}
  37.     {% if media.thumbnails|length > 0 %}
  38.         {% if minSize > 0 %} {# Die Slider wurden unscharf angezeigt, weil Höhe zu gering. minSize wird in cms-element-solid-ase-content-slider.html.twig gesetzt #}
  39.             {% set thumbnails = media.thumbnails|filter((v) => v.width <= metaProportion.width && v.width > minSize )|sort((a, b) => a.width <=> b.width)|reverse %}
  40.         {% else %}
  41.             {% set thumbnails = media.thumbnails|filter((v) => v.width <= metaProportion.width )|sort((a, b) => a.width <=> b.width)|reverse %}
  42.         {% endif %}
  43.         {% if thumbnails %}
  44.             {% set srcsetValue %}{% apply spaceless %}
  45.                 {{ media|weedesign_images2webp_webp_url_media }} {{ thumbnails|first.width + 1 }}w, 
  46.                 {% for thumbnail in thumbnails %}
  47.                     {{ thumbnail|weedesign_images2webp_webp_url_thumbnail }} {{ thumbnail.width - 10 }}w{% if not loop.last %}, {% endif %}
  48.                 {% endfor %}
  49.             {% endapply %}{% endset %}
  50.         {% endif %}
  51.     {% endif %}
  53.     {% set ratio = metaProportion.width ~ '/' ~ metaProportion.height %}
  55.     {% set inlineStyle = "aspect-ratio:" ~ ratio ~ ";" %}
  56.     {% if attributes.style %}
  57.         {% set attributes = attributes|merge({'style': inlineStyle ~ attributes.style}) %}
  58.     {% else %}
  59.         {% set attributes = attributes|merge({'style': inlineStyle}) %}
  60.     {% endif %}
  62.     {% block thumbnail_utility_img %}
  64.         {% set src = media|weedesign_images2webp_webp_url_media %}
  66.         <img src="{{ src }}"
  68.             {% if srcsetValue != "" %}
  69.                 srcset="{{ srcsetValue }}"
  70.             {% endif %}
  71.             {% for key, value in attributes %}
  72.                 {{ key }}="{{ value }}"
  73.                 {% if key == 'itemprop' %}
  74.                     content="{{ media|weedesign_images2webp_webp_url_media }}"
  75.                 {% endif %}
  76.             {% endfor %}
  78.         />
  80.     {% endblock %}
  81. {% endapply %}{% endblock %}
  83. {% endif %}