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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/utilities/thumbnail.html.twig' %}
  3. {% block thumbnail_utility %}
  5.     {% if load is not defined %}
  6.         {% set load = true %}
  7.     {% endif %}
  9.     {% if loadOriginalImage is not defined %}
  10.         {% set loadOriginalImage = false %}
  11.     {% endif %}
  13.     {% if autoColumnSizes is not defined %}
  14.         {% set autoColumnSizes = true %}
  15.     {% endif %}
  17.     {% if attributes is not defined %}
  18.         {% set attributes = {} %}
  19.     {% endif %}
  21.     {% if attributes.loading is not defined %}
  22.         {% set attributes = attributes|merge({'loading': 'lazy'}) %}
  23.     {% endif %}
  25.     {% set altText = "" %}
  28.     {% if media.translated.alt|length and not (media.translated.alt == media.fileName) %}
  29.         {% set altText = media.translated.alt %}
  30.     {% else %}
  32.         {% set productTitle = product.translated.name ?? product.name %}
  33.         {% if productTitle|length %}
  34.             {% set altText = productTitle %}
  35.         {% endif %}
  37.         {% set productPageTitle = page.product.translated.name ?? page.product.name %}
  38.         {% if altText|length == 0 and productPageTitle|length %}
  39.             {% set altText = productPageTitle %}
  40.         {% endif %}
  42.         {% set linkHeadline = element.translated.config.linkHeadline.value ?? element.linkHeadline %}
  43.         {% if altText|length == 0 and linkHeadline|length %}
  44.             {% set altText = linkHeadline %}
  45.         {% endif %}
  47.         {% set pageTitle = page.cmsPage.translated.name %}
  48.         {% if altText|length == 0 and pageTitle|length %}
  49.             {% set altText = pageTitle %}
  50.         {% endif %}
  53.         {% if altText|length == 0 %}
  54.             {% set altText = media.fileName %}
  55.         {% endif %}
  57.     {% endif %}
  60.     {% set attributes = attributes|merge({'alt': altText}) %}
  62.     {% if attributes.title is not defined %}
  63.         {% set attributes = attributes|merge({'title': altText}) %}
  64.     {% endif %}
  69.     {% if media.thumbnails|length > 0 %}
  70.         {% if autoColumnSizes and columns and sizes is not defined %}
  72.             {% set sizes = {
  73.                 'xs': (theme_config('breakpoint.sm') - 1) ~'px',
  74.                 'sm': (theme_config('breakpoint.md') - 1) ~'px',
  75.                 'md': ((theme_config('breakpoint.lg') - 1) / columns)|round(0, 'ceil') ~'px',
  76.                 'lg': ((theme_config('breakpoint.xl') - 1) / columns)|round(0, 'ceil') ~'px'
  77.             } %}
  80.             {% if layout == 'full-width' %}
  81.                 {% set container = 100 %}
  82.                 {% set sizes = sizes|merge({ 'xl': (container / columns)|round(0, 'ceil') ~'vw'}) %}
  83.             {% else %}
  84.                 {% set container = 1360 %}
  85.                 {% set sizes = sizes|merge({ 'xl': (container / columns)|round(0, 'ceil') ~'px'}) %}
  86.             {% endif %}
  87.         {% endif %}
  89.         {% set thumbnails = media.thumbnails|sort|reverse %}
  92.         {% set srcsetValue %}{% apply spaceless %}
  93.             {% if loadOriginalImage %}{{ media|sw_encode_media_url }} {{ thumbnails|first.width + 1 }}w, {% endif %}{% for thumbnail in thumbnails %}{{ thumbnail.url | sw_encode_url }} {{ thumbnail.width }}w{% if not loop.last %}, {% endif %}{% endfor %}
  94.         {% endapply %}{% endset %}
  97.         {% set sizesValue %}{% apply spaceless %}
  98.             {% set sizeFallback = 100 %}
  101.             {% if autoColumnSizes and columns %}
  102.                 {% set sizeFallback = (sizeFallback / columns)|round(0, 'ceil') %}
  103.             {% endif %}
  105.             {% set breakpoint = {
  106.                 'xs': theme_config('breakpoint.xs'),
  107.                 'sm': theme_config('breakpoint.sm'),
  108.                 'md': theme_config('breakpoint.md'),
  109.                 'lg': theme_config('breakpoint.lg'),
  110.                 'xl': theme_config('breakpoint.xl')
  111.             } %}
  113.             {% if thumbnails|first.width > breakpoint|reverse|first %}
  114.                 {#
  115.                 @deprecated tag:v6.5.0 - Variable `maxWidth` and parent condition will be removed
  116.                 #}
  118.                 {% set maxWidth = thumbnails|first.width %}
  119.             {% endif %}
  121.             {% for key, value in breakpoint|reverse %}(min-width: {{ value }}px) {{ sizes[key] }}{% if not loop.last %}, {% endif %}{% endfor %}, {{ sizeFallback }}vw
  122.         {% endapply %}{% endset %}
  123.     {% endif %}
  125.     {{ block('thumbnail_utility_img') }}
  127. {% endblock %}