templates/themes/ismart/block/gallery.html.twig line 1

Open in your IDE?
  1. <section class="ac-listing-gallery-container">
  2.     <div class="container">
  3.         <div class="mb-4" data-aos="fade-up" data-aos-delay="100"><span
  4.                     class="ac-listing-gallery-title">{{ block.title }}</span>
  5.         </div>
  6.         <div class="ac-listing-gallery-items pswp-gallery pswp-gallery--single-column" id="article-gallery"
  7.              data-aos="fade-up" data-aos-delay="300">
  8.             {% set data = block.content | json_decode %}
  9.             {% set id = data.id  %}
  10.             {% set pictures = getPicturesByGalleryId(id) %}
  11.             {% set pictureSets = pictures | batch(4, null) %}
  12.             {% for set in pictureSets %}
  13.             <div class="row">
  14.                 {% for itm in set %}
  15.                     {% if itm is not empty %}
  16.                 <a href="{{ itm.image }}" class="ac-listing-gallery-item col-auto" >
  17.                     <img loading="lazy" src="{{ itm.image }}" alt="">
  18.                 </a>
  19.                     {% endif %}
  20.                 {% endfor %}
  21.             </div>
  22.             {% endfor %}
  23.         </div>
  24.         <div class="d-flex flex-row justify-content-center">
  25.             <button onclick="location.href='{{ block.url }}';" class="button article-button">{{"XEM TẤT CẢ" | trans}}
  26.             </button>
  27.         </div>
  28.     </div>
  29. </section>