custom/plugins/Itptheme/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 %}
  6.     {% set zoom = false %}
  7.     {% set magnifierOptions = [] %}
  9.     {{ parent() }}
  11. {% endblock %}
  13. {% block element_image_gallery_inner_item %}
  15.     <div class="gallery-slider-item-container">
  16.         <div class="gallery-slider-item is-{{ displayMode }} js-magnifier-container"{% if minHeight and  (displayMode == "cover" or displayMode == "contain" ) %} style="min-height: {{ minHeight }}"{% endif %}>
  17.             {% set altAndTitle = (image.translated.alt ?: fallbackImageTitle) %}
  18.             {% if loop.first %}
  19.                 {% set altAndTitle = page.product.translated.description %}
  20.             {% endif %}
  21.             {% if loop.index == 2 %}
  22.                 {% set altAndTitle = "detail.altTitleTagDrawing"|trans ~ page.product.translated.name %}
  23.             {% endif %}
  25.             {% set attributes = {
  26.                 'class': 'img-fluid gallery-slider-image magnifier-image js-magnifier-image',
  27.                 'alt': altAndTitle,
  28.                 'title': altAndTitle,
  29.                 'data-full-image': image.url
  30.             } %}
  32.             {% if displayMode == 'cover' or displayMode == 'contain' %}
  33.                 {% set attributes = attributes|merge({ 'data-object-fit': displayMode }) %}
  34.             {% endif %}
  36.             {% if isProduct %}
  37.                 {% set attributes = attributes|merge({ 'itemprop': 'image' }) %}
  38.             {% endif %}
  40.             {% sw_thumbnails 'gallery-slider-image-thumbnails' with {
  41.                 media: image
  42.             } %}
  43.         </div>
  44.     </div>
  45. {% endblock %}
  47. {% block element_image_gallery_inner_thumbnails_item_inner %}
  48.     <div class="gallery-slider-thumbnails-item-inner">
  49.         {% set altAndTitle = (image.translated.alt ?: fallbackImageTitle) %}
  50.         {% if loop.first %}
  51.             {% set altAndTitle = page.product.translated.description %}
  52.         {% endif %}
  53.         {% if loop.index == 2 %}
  54.             {% set altAndTitle = "detail.altTitleTagDrawing"|trans ~ page.product.translated.name %}
  55.         {% endif %}
  56.         {% set attributes = {
  57.             'class': 'gallery-slider-thumbnails-image',
  58.             'alt': altAndTitle,
  59.             'title': altAndTitle
  60.         } %}
  62.         {% if isProduct %}
  63.             {% set attributes = attributes|merge({ 'itemprop': 'image' }) %}
  64.         {% endif %}
  66.         {% sw_thumbnails 'gallery-slider-thumbnails-image-thumbnails' with {
  67.             media: image,
  68.             sizes: {
  69.                 'default': '200px'
  70.             }
  71.         } %}
  72.     </div>
  73. {% endblock %}