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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/element/cms-element-image-gallery.html.twig' %}
  3. {% block element_image_gallery_inner_single %}
  4.     <div class="gallery-slider-single-image is-{{ displayMode }} js-magnifier-container"{% if minHeight %} style="min-height: {{ minHeight }}"{% endif %}>
  5.         {% if imageCount > 0 %}
  6.             {% set attributes = {
  7.                 'class': 'img-fluid gallery-slider-image magnifier-image js-magnifier-image',
  8.                 'alt': (mediaItems|first.translated.alt ?: fallbackImageTitle),
  9.                 'title': (mediaItems|first.translated.title ?: fallbackImageTitle),
  10.                 'data-full-image': mediaItems|first.url
  11.             } %}
  13.             {% if displayMode == 'cover' or displayMode == 'contain' %}
  14.                 {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  15.             {% endif %}
  17.             {% if isProduct %}
  18.                 {% set attributes = attributes|merge({ 'itemprop': 'image' }) %}
  19.             {% endif %}
  21.             {% sw_thumbnails 'gallery-slider-image-thumbnails' with {
  22.                 media: mediaItems|first,
  23.             } %}
  24.         {% else %}
  25.             {% set name = 'wa-placeholder-white_' ~ app.request.locale %}
  26.             {% sw_include "@Storefront/storefront/utilities/icon.html.twig" with {
  27.                 'name': name,
  28.                 'size': 'fluid',
  29.                 'pack': 'custom-icons',
  30.                 'color': 'inherit'
  31.             } %}
  32.         {% endif %}
  33.     </div>
  34. {% endblock %}