templates/Front/realisations/_realisation_items.html.twig line 1

Open in your IDE?
  1. {#
  2. Ce fragment affiche la liste des réalisations pour l'AJAX (filtrage/pagination)
  3. Il doit être inclus dans la div#realisation-items-container
  4. #}
  5. {% for realisation in realisations %}
  6.     <div class="col-xl-4 col-lg-4 itemRealisation {{ loop.index > 12 ? 'pagination-hidden' }}"
  7.          data-filter="{{ realisation.category.id }}">
  8.         <div class="blog-one__single">
  9.             <div class="tag">{{ realisation.name }}</div>
  10.             {% if realisation.category.name == 'Site internet' or realisation.category.id == 3 %}
  11.                 <a href="{{ realisation.website }}" target="_blank">
  12.                     {% if realisation.imageName %}
  13.                         <picture>
  14.                             <source srcset="{{ asset('/uploads/realisations/' ~ realisation.imageName) | imagine_filter('realisation_thumbnail_page_webp') }}"
  15.                                     type="image/webp">
  16.                             <source srcset="{{ asset('/uploads/realisations/' ~ realisation.imageName) | imagine_filter('realisation_thumbnail_page_jpeg') }}"
  17.                                     type="image/jpeg">
  18.                             <img src="{{ asset('/uploads/realisations/' ~ realisation.imageName) | imagine_filter('realisation_thumbnail_page_jpeg') }}"
  19.                                  alt="illustration réalisation" class="item">
  20.                         </picture>
  21.                     {% else %}
  22.                         {% for image in realisation.images %}
  23.                             {% if loop.index <= 1 %}{% endif %}
  24.                             <picture>
  25.                                 <source srcset="{{ asset('/uploads/realisations/' ~ image.imageName) | imagine_filter('realisation_thumbnail_page_webp') }}"
  26.                                         type="image/webp">
  27.                                 <source srcset="{{ asset('/uploads/realisations/' ~ image.imageName) | imagine_filter('realisation_thumbnail_page_jpeg') }}"
  28.                                         type="image/jpeg">
  29.                                 <img src="{{ asset('/uploads/realisations/' ~ image.imageName) | imagine_filter('realisation_thumbnail_page_jpeg') }}"
  30.                                      alt="illustration réalisation" class="item">
  31.                             </picture>
  32.                         {% endfor %}
  33.                     {% endif %}
  34.                 </a>
  35.             {% else %}
  36.                 {% for image in realisation.images %}
  37.                     <picture>
  38.                         <source srcset="{{ asset('/uploads/realisations/' ~ image.imageName) | imagine_filter('convert_webp') }}"
  39.                                 type="image/webp">
  40.                         <source srcset="{{ asset('/uploads/realisations/' ~ image.imageName) | imagine_filter('convert_jpeg') }}"
  41.                                 type="image/jpeg">
  42.                         <img src="{{ asset('/uploads/realisations/' ~ image.imageName) | imagine_filter('convert_jpeg') }}"
  43.                              alt="illustration lightbox realisation {{ realisation.category.name }}"
  44.                              class="item {% if loop.index > 1 %}hide{% endif %}"
  45.                              data-fancybox="gallery{{ loop.parent.loop.index }}"
  46.                              data-caption="image-{{ loop.index }}">
  47.                     </picture>
  48.                 {% endfor %}
  49.             {% endif %}
  51.         </div>
  52.     </div>
  55. {% endfor %}