custom/static-plugins/shopping-experiences/src/Resources/views/storefront/element/cms-element-image.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/element/cms-element-image.html.twig' %}
  3. {% block element_image_media %}
  4.     {% set attributes = {
  5.         'class': 'cms-image',
  6.         'alt': (element.data.media.translated.alt ?: ''),
  7.         'title': (element.data.media.translated.title ?: '')
  8.     } %}
  10.     {% if element.translated.config.displayMode.value == 'cover' or element.translated.config.displayMode.value == 'contain' %}
  11.         {% set attributes = attributes|merge({ 'data-object-fit': element.translated.config.displayMode.value }) %}
  12.     {% endif %}
  13.     {% if element.slot == "imageDesktop" or element.slot == "imageMobile" %}
  14.         <picture>
  15.             <source srcset="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" media="{% if element.slot == "imageDesktop" %}(max-width: 575.98px){% else %}(min-width: 576px){% endif %}">
  16.             {% sw_thumbnails 'cms-image-thumbnails' with {
  17.                 media: element.data.media
  18.             } %}
  19.         </picture>
  20.     {% else %}
  21.         {% sw_thumbnails 'cms-image-thumbnails' with {
  22.             media: element.data.media
  23.         } %}
  24.     {% endif %}
  25. {% endblock %}