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

Open in your IDE?
  1. {% block element_image %}
  2.     {% set config = element.fieldConfig.elements %}
  4.     <div class="cms-element-{{ element.type }}">
  5.         {% block element_product_slider_alignment %}
  6.             {% block element_image_inner %}
  7.                 {% set imageElement %}
  8.                     {% block element_image_container %}
  9.                         {% if element.data.media.url %}
  10.                             {% if element.config.imageRatio.value == 'aspect-square' %}
  11.                                 {% set image_ratio =  'ratio_1x1' %}
  12.                             {% elseif element.config.imageRatio.value == 'aspect-video' %}
  13.                                 {% set image_ratio =  'ratio_16x9' %}
  14.                             {% else %}
  15.                                 {% set image_ratio =  'ratio_3x4' %}
  16.                             {% endif %}
  17.                             <div class="cms-image-container ratio {{ image_ratio }}">
  18.                                 {% block element_image_media %}
  19.                                     {% set attributes = {
  20.                                         'alt': (element.data.media.translated.alt ?: ''),
  21.                                         'title': (element.data.media.translated.title ?: '')
  22.                                     } %}
  24.                                     {% if element.translated.config.displayMode.value == 'cover' or element.translated.config.displayMode.value == 'contain' %}
  25.                                         {% set attributes = attributes|merge({ 'data-object-fit': element.translated.config.displayMode.value }) %}
  26.                                     {% endif %}
  28.                                     {% sw_thumbnails 'cms-image-thumbnails' with {
  29.                                         media: element.data.media
  30.                                     } %}
  31.                                 {% endblock %}
  32.                             </div>
  33.                         {% endif %}
  34.                     {% endblock %}
  35.                 {% endset %}
  37.                 {% if element.translated.config.url.value %}
  38.                     <a href="{{ element.translated.config.url.value }}"
  39.                        class="cms-image-link"
  40.                        {% if element.translated.config.newTab.value %}target="_blank" rel="noopener"{% endif %}>
  41.                         {{ imageElement }}
  42.                     </a>
  43.                 {% else %}
  44.                     {{ imageElement }}
  45.                 {% endif %}
  46.             {% endblock %}
  47.             {% if config.verticalAlign.value %}
  48.                 </div>
  49.             {% endif %}
  50.         {% endblock %}
  51.     </div>
  52. {% endblock %}