templates/menu_images/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4.     <div class="performar_area black_bg">
  5.         <div class="container">
  6.             <div class="row">
  7.                 <div class="col-lg-12">
  8.                     <div class="section_title mb-80">
  9.                         <h3 class="wow fadeInRight" data-wow-duration="1s" data-wow-delay=".3s">Наше меню</h3>
  10.                     </div>
  11.                 </div>
  12.             </div>
  13.             <div class="row justify-content-center">
  14.                 <div class="col-lg-10">
  15.                     <div class="row">
  16.                         {% for collection in collection_menu_images %}
  17.                             <div class="col-lg-4 col-md-4">
  18.                                 <div class="single_performer wow fadeInUp" data-wow-duration="1s" data-wow-delay=".3s">
  19.                                     <div data-tilt class="thumb_square">
  21.                                         {% if collection.menuImages is not empty %}
  22.                                             <a href="{{ asset(menu_image_upload_dir ~ collection.menuImages[0].imageFile) }}"
  23.                                                data-lightbox="collection-{{ collection.id }}"
  24.                                                data-title="{{ collection.menuImages[0].title }}">
  25.                                                 <img src="{{ asset(menu_image_upload_dir ~ collection.imageFile) }}"
  26.                                                      alt="{{ collection.title }}"
  27.                                                      class="img-fluid mb-2">
  28.                                             </a>
  29.                                         {% else %}
  30.                                             <img src="{{ asset(menu_image_upload_dir ~ collection.imageFile) }}"
  31.                                                  alt="{{ collection.title }}"
  32.                                                  class="img-fluid mb-2">
  33.                                         {% endif %}
  35.                                         {# Остальные изображения в lightbox (невидимые ссылки) #}
  36.                                         {% for menuImage in collection.menuImages %}
  37.                                             {% if not loop.first %}
  38.                                                 <a href="{{ asset(menu_image_upload_dir ~ menuImage.imageFile) }}"
  39.                                                    data-lightbox="collection-{{ collection.id }}"
  40.                                                    data-title="{{ menuImage.title }}"
  41.                                                    class="d-none">
  42.                                                 </a>
  43.                                             {% endif %}
  44.                                         {% endfor %}
  45.                                     </div>
  46.                                     <div class="performer_heading">
  47.                                         <h4>{{ collection.title }}</h4>
  48.                                     </div>
  49.                                 </div>
  50.                             </div>
  51.                         {% endfor %}
  52.                     </div>
  53.                 </div>
  54.             </div>
  55.         </div>
  56.     </div>
  57. {% endblock %}