templates/Includes/Partials/gallery.html.twig line 1

Open in your IDE?
  1. <div class="js-gallery gallery {{ styleModifier | default(null) }}">
  2.     {% set itemCounter = images|length %}
  3.     <div class="swiper-container js-gallery__slider gallery__container">
  4.         <div class="swiper-wrapper gallery__wrapper">
  5.             {% for item in images %}
  6. {#                check if no empty gallery item exists, counter will not be changed. Has to be maintained correctly! #}
  7.                 {% if item %}
  8.                     <div class="swiper-slide gallery-swiper-slide">
  9.                         <div class="gallery-item">
  10.                             <div class="gallery-item__counter">
  11.                                 <span class="text-primary">{{ loop.index }}</span>/
  12.                                 {{ itemCounter }}
  13.                             </div>
  14.                             {% if item is instanceof('\\Pimcore\\Model\\DataObject\\Data\\Hotspotimage') %}
  15.                                 {% set item = item.image %}
  16.                             {% endif %}
  17.                             <div class="embed-responsive-16by9 embed-responsive gallery-item__img-wrapper">
  18.                                 {% set description = getImageDescription(item, true) %}
  19.                                 {% set alt = headline ~ ' - Impression #2.' ~ loop.index %}
  21.                                 {% for metadata in item.metadata %}
  22.                                     {% if metadata['name'] == 'alt' and metadata['language'] == 'de' %}
  23.                                         {% set alt = metadata['data'] %}
  24.                                     {% endif %}
  25.                                 {% endfor %}
  27.                                 {{ item.getThumbnail('gallery-item').getHtml({
  28.                                     imgAttributes: {
  29.                                         class: 'js-lazy-img embed-responsive-item'
  30.                                     },
  31.                                     lowQualityPlaceholder: true,
  32.                                     title: description|default(''),
  33.                                     alt: alt
  34.                                 })|raw }}
  35.                             </div>
  37.                             {% set description = getImageDescription(item) %}
  38.                             {% if description %}
  39.                                 <div class="gallery-item__text">
  40.                                     {{ description }}
  41.                                 </div>
  42.                             {% endif %}
  44.                         </div>
  45.                     </div>
  46.                 {% endif %}
  47.             {% endfor %}
  48.         </div>
  49.     </div>
  51.     <div class="swiper-navigation gallery__swiper-navigation">
  52.         <button class="swiper-button swiper-button--prev gallery__btn js-gallery__prev"><span class="icon icon-arrow-right" aria-label="Previous"></span></button>
  53.         <button class="swiper-button swiper-button--next gallery__btn js-gallery__next"><span class="icon icon-arrow-right" aria-label="Next"></span></button>
  54.     </div>
  56. </div>