templates/app/product/galery.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}Galerie{% endblock %}
  5. {% block body %}
  6.     <div class="container mt-2" data-controller="galery">
  7.         <div class="row">
  8.             <div class="col-12 header-title">
  9.                 <h1>Galerie photos</h1>
  10.             </div>
  11.         </div>
  12.         {% if images is defined and images is not empty %}
  13.             <div class="row" id="gallery" data-galery-target="container">
  14.                 {% for image in images %}
  15.                     <div class="col-6 col-md-4 col-lg-3 gallery-item" data-galery-target="item">
  16.                         <img src="{{ asset('uploads/galery/' ~ image.fileName) }}" alt="{{ image.fileName }}"
  17.                              class="img-fluid rounded shadow-sm">
  18.                     </div>
  19.                 {% endfor %}
  20.             </div>
  22.             <div id="lightbox" class="lightbox hidden" data-galery-target="lightbox">
  23.                 <img id="lightbox-image" data-galery-target="lightboxImage">
  24.             </div>
  25.         {% else %}
  26.             <div class="row">
  27.                 <div class="col-12 text-center">
  28.                     <span>Il n'y a pas d'images pour le moment.</span>
  29.                 </div>
  30.             </div>
  31.         {% endif %}
  32.     </div>
  33. {% endblock %}