templates/default/components/organisms/image-gallery/image-gallery.html.twig line 1

Open in your IDE?
  2. {% if images|default|length > 0 or videos|default|length > 0 or obitvuSku|default %}
  3. <div class="image-gallery {% if lightgallery|default == true %}image-gallery--lightgallery js-lightgallery{% else %}js-image-gallery{% endif %}">
  4. {% if lightgallery|default == true %}
  5. {% block lightgalleryClose %}
  6. {% include 'components/atoms/button/button.html.twig'
  7. with {
  8. 'class': 'button--close image-gallery__close js-lightgallery-close',
  9. 'content': '',
  10. 'type': 'button',
  11. 'attributes': {
  12. 'aria-label': 'close'|trans,
  13. }
  14. } %}
  15. {% endblock %}
  16. {% endif %}
  18. {% if options is defined and options.main is defined %}
  19. <div class="image-gallery__main" tabindex="0" role="group">
  20. {% if options.main.navigation is defined %}
  21. <div class="image-gallery__prev swiper-button-prev {{ options.main.navigation.prevEl }}" tabindex="0" role="button"></div>
  22. {% endif %}
  23. {% include 'components/molecules/image-slider/image-slider.html.twig' with options.main %}
  24. {% if options.main.navigation is defined %}
  25. <div class="image-gallery__next swiper-button-next {{ options.main.navigation.nextEl }}" tabindex="0" role="button"></div>
  26. {% endif %}
  27. </div>
  28. {% endif %}
  30. {% if options is defined and options.thumbnails is defined %}
  31. <div class="image-gallery__thumbnails">
  32. {% if options.thumbnails.navigation is defined %}
  33. <div class="image-gallery__prev {{ options.thumbnails.navigation.prevEl }}"></div>
  34. {% endif %}
  35. {% include 'components/molecules/image-slider/image-slider.html.twig' with options.thumbnails %}
  36. {% if options.thumbnails.navigation is defined %}
  37. <div class="image-gallery__next {{ options.thumbnails.navigation.nextEl }}"></div>
  38. {% endif %}
  39. </div>
  40. {% endif %}
  42. <div class="image-gallery__zoom js-zoom-target"></div>
  43. </div>
  44. {% endif %}