{# Galerie photos #}
<div class="full-container">
{% if images %}
{# nb images de galeries (excepté main image #}
{% set countImages = images|length %}
{% if mainImage %} {# on enlève la main image au compteur #}
{% set countImages = countImages - 1 %}
{% endif %}
{% if is_mobile %}
{# MOBILE > royalslider (avec js) #}
<div class="relative">
<div class="sliderGaleriePhotos royalSlider rsDefault" style="width: 100%;">
{% for image in images %}
{% if not image.isMain %}
<!-- simple image slide -->
<img class="rsImg" src="{{ asset('/upload/products/' ~ product.id ~ '/' ~ image.name) }}" alt="image {{ product.title }}" />
{% endif %}
{% endfor %}
</div>
<div class="badge absolute top-20 right-10"><i class="icon icon-camera"></i> {{ countImages }} photo(s)</div>
</div>
{% else %}
{# SCREEN > magnific popup #}
<div class="galerie_link_mfp relative">
<div class="grid-3 grid-3-small-1 has-gutter">
{% for image in images %}
{% if not image.isMain %}
<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 }}">
</a>
{% endif %}
{% endfor %}
</div>
</div>
{% endif %}
{% endif %}
</div>