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

Open in your IDE?
  1. {% set foxDomainReplace = {} %}
  2. {% if config('FuexcImageCDN.config.cdnUrl') and config('FuexcImageCDN.config.rewriteThumbnails') %}
  3.     {% set foxDomainReplace = {
  4.         "https://cdn.shopware.store": config('FuexcImageCDN.config.cdnUrl')|trim('/')
  5.     } %}
  6.     {% for salesChannelDomain in context.salesChannel.domains %}
  7.         {% set foxDomain = salesChannelDomain.url|split('//') %}
  8.         {% if foxDomain|length == 1 %}
  9.             {% set foxDomain = "#{(foxDomain[0]|split('/')[0])}" %}
  10.         {% elseif foxDomain|length == 2 %}
  11.             {% set foxDomain = "#{foxDomain[0]}//#{(foxDomain[1]|split('/')[0])}" %}
  12.         {% endif %}
  13.         {% set foxDomainReplace = foxDomainReplace|merge({
  14.             (foxDomain): config('FuexcImageCDN.config.cdnUrl')|trim('/')
  15.         }) %}
  16.     {% endfor %}
  17. {% endif %}
  19. {# allow the loading Stragy to be overridden from twig #}
  20. {% if loadingStrategy is not defined %}
  21.     {% set loadingStrategy = "eager" %}
  22.     {% if config('FuexcImageCDN.config.lazyLoadImages') %}
  23.         {% set loadingStrategy = "lazy" %}
  24.     {% endif %}
  25. {% endif %}
  27. {# TODO: @zenit - check on sw update #}
  28. {# activate load per default. If it is not activated only a data-src is set instead of the src tag. #}
  29. {% if load is not defined %}
  30.     {% set load = true %}
  31. {% endif %}
  33. {# By default no original image will be loaded as soon as thumbnails are available. #}
  34. {# When set to true the orginal image will be loaded when the viewport is greater than the largest available thumbnail. #}
  35. {% if loadOriginalImage is not defined %}
  36.     {% set loadOriginalImage = false %}
  37. {% endif %}
  39. {# By default the srcset sizes will be calculated automatically if `columns` are present and no `sizes` are configured. #}
  40. {# When set to false the sizes attribute will not be generated automatically. #}
  41. {% if autoColumnSizes is not defined %}
  42.     {% set autoColumnSizes = true %}
  43. {% endif %}
  45. {% if attributes is not defined %}
  46.     {% set attributes = {} %}
  47. {% endif %}
  49. {% if attributes.alt is not defined and media.translated.alt is defined %}
  50.     {% set attributes = attributes|merge({'alt': media.translated.alt}) %}
  51. {% endif %}
  53. {% if attributes.title is not defined and media.translated.title is defined %}
  54.     {% set attributes = attributes|merge({'title': media.translated.title}) %}
  55. {% endif %}
  57. {# uses cms block column count and all available thumbnails to determine the correct image size for the current viewport #}
  58. {% if media.thumbnails|length > 0 %}
  59.     {% set sizes = {
  60.         'sm': theme_config('breakpoint.sm') ~'px',
  61.         'md': theme_config('breakpoint.md') ~'px',
  62.         'lg': theme_config('breakpoint.lg') ~'px',
  63.         'xl': theme_config('breakpoint.xl') ~'px',
  64.         'xxl': "1900px",
  65.    } %}
  67.     {% set thumbnails = media.thumbnails|sort|reverse %}
  69.     {# generate srcset with all available thumbnails #}
  70.     {% set srcsetValue %}{% apply spaceless %}
  71.         {% if loadOriginalImage %}{{ media|sw_encode_media_url }} {{ thumbnails|first.width + 1 }}w, {% endif %}{% for thumbnail in thumbnails|reverse %}{{ thumbnail.url | sw_encode_url }} {{ thumbnail.width }}w{% if not loop.last %}, {% endif %}{% endfor %}
  72.     {% endapply %}{% endset %}
  74.     {# generate sizes #}
  75.     {% set sizesValue %}{% apply spaceless %}
  77.         {% set breakpoint = {
  78.             'sm': theme_config('breakpoint.sm'),
  79.             'md': theme_config('breakpoint.md'),
  80.             'lg': theme_config('breakpoint.lg'),
  81.             'xl': theme_config('breakpoint.xl'),
  82.             'xxl': "1900"
  83.         } %}
  85.         {% if thumbnails|first.width > breakpoint|reverse|first %}
  86.             {# @deprecated @zenit tag:v3.1.0 - Variable `maxWidth` and parent condition will be removed #}
  87.             {% set maxWidth = thumbnails|first.width %}
  88.         {% endif %}
  90.         {% for key, value in breakpoint|reverse %}(min-width: {{ value }}px) {{ sizes[key] }}{% if not loop.last %}, {% endif %}{% endfor %}
  91.     {% endapply %}{% endset %}
  92. {% endif %}
  93. {% if foxDomainReplace is not defined %}
  94.     {# Fallback for other plugins replacing the thumbnail_utility block and not calling parent #}
  95.     {% set foxDomainReplace = {} %}
  96. {% endif %}
  98. <img loading="{% if attributes.loading %}{{ attributes.loading }}{% else %}{{ loadingStrategy }}{% endif %}" {% if load %}src="{{ media|sw_encode_media_url|replace(foxDomainReplace) }}" {% else %}data-src="{{ media|sw_encode_media_url|replace(foxDomainReplace) }}" {% endif %}
  99.     {% if media.thumbnails|length > 0 %}
  100.         {% if load %}srcset="{{ srcsetValue|replace(foxDomainReplace) }}" {% else %}data-srcset="{{ srcsetValue|replace(foxDomainReplace) }}" {% endif %}
  101.         {% if sizes['default'] %}
  102.         sizes="{{ sizes['default'] }}"
  103.         {% elseif sizes|length > 0 %}
  104.         sizes="{{ sizesValue }}"
  105.         {% endif %}
  106.     {% endif %}
  107.     {% for key, value in attributes %}{% if value != '' %} {{ key }}="{{ value }}"{% endif %}{% endfor %}
  108. />