templates/includes/blocks/single_gallery.html.twig line 1

  1. {% set propertyName = propertyName|default('blocks') %}
  3. {% if block.images %}
  4.     {% set rnd =  random() %}
  5.     <div class="grid-container">
  7.         <div class="grid-x grid-margin-x grid-margin-y small-up-1 medium-up-4 {{ block.css_class }} gallery-grid">
  8.             {% for image in block.images %}
  9.                 {% set media = sulu_resolve_media(image, 'de') %}
  10.                 <a class="cell {{ (block.css_class == "presse") ? '' : 'gallery-item s-lightbox' }}"
  11.                    data-s-lightbox-group="gallery1"
  12.                    href="{{ (block.css_class == "presse")  ? media.url : media.thumbnails['galleryFullImage'] }}"
  13.                    target="_blank"
  14.                    data-s-lightbox-caption="{{ media.fileVersion.defaultMeta.description }}"
  15.                    data-s-lightbox-original="{{ media.thumbnails['galleryFullImage'] }}">
  16.                     <figure class="figure" style="{{ (block.css_class == "portrait") ? 'max-width: auto;' : 'max-width: 300px;' }}">
  17.                         <img class="jgalleryImage" src="{{ (block.css_class == "portrait") ? media.thumbnails['portrait'] : media.thumbnails['300x200'] }}"
  18.                             {% if media.fileVersion.defaultMeta.description is defined or media.fileVersion.defaultMeta.description != "" %}
  19.                                 alt="{{ media.fileVersion.defaultMeta.description }}"
  20.                             {% endif %}
  21.                              >
  22.                         {% if media.fileVersion.defaultMeta.description is defined or media.fileVersion.defaultMeta.description != "" %}
  23.                             <figcaption class="figure-caption">{{ media.fileVersion.defaultMeta.description }}</figcaption>
  24.                         {% endif %}
  25.                     </figure>
  26.                 </a>
  27.             {% endfor %}
  28.         </div>
  29.     </div>
  30.     <script type="text/javascript">
  31.         var viewer = new slimLightbox();
  32.     </script>
  33. {% endif %}