templates/main/content/galerie-photos-produits-entretien.html.twig line 1

Open in your IDE?
  1. {# Galerie photos #}
  2. <div class="full-container">
  4.     {% if images %}
  6.         {# nb images de galeries (excepté main image #}
  7.         {% set countImages = images|length %}
  8.         {% if mainImage %} {# on enlève la main image au compteur #}
  9.             {% set countImages = countImages - 1 %}
  10.         {% endif %}
  12.         {% if is_mobile %}
  14.             {# MOBILE > royalslider (avec js) #}
  15.             <div class="relative">
  16.                 <div class="sliderGaleriePhotos royalSlider rsDefault" style="width: 100%;">
  17.                     {% for image in images %}
  18.                         {% if not image.isMain %}
  19.                             <!-- simple image slide -->
  20.                             <img class="rsImg" src="{{ asset('/upload/products/' ~ product.id ~ '/' ~ image.name) }}" alt="image {{ product.title }}" />
  21.                         {% endif %}
  22.                     {% endfor %}
  23.                 </div>
  24.                 <div class="badge absolute top-20 right-10"><i class="icon icon-camera"></i> {{ countImages }} photo(s)</div>
  25.             </div>
  27.         {% else %}
  29.             {# SCREEN > magnific popup #}
  30.             <div class="galerie_link_mfp relative">
  31.                 <div class="grid-3 grid-3-small-1 has-gutter">
  32.                     {% for image in images %}
  33.                         {% if not image.isMain %}
  34.                             <a class="photo-item photo-thumb" href="{{ asset('/upload/products/' ~ product.id ~ '/' ~ image.name) }}" style="background-image: url('{{ asset('/upload/products/' ~ product.id ~ '/' ~ image.name) }}');" title="{{ product.title }}">
  35.                             </a>
  36.                         {% endif %}
  37.                     {% endfor %}
  38.                 </div>
  39.             </div>
  41.         {% endif %}
  43.     {% endif %}
  45. </div>