Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/web/vhosts/www.humitest.fr/htdocs/templates/front/blocks/
/srv/data/web/vhosts/www.humitest.fr/htdocs/templates/front/blocks/slider-product.html.twig
 {# {% if product.images|length > 1 %}
    <div id="carousel-product" class="carousel slide " data-ride="carousel">
        <ol class="carousel-indicators">
         {{ dump(product.images)}}
            {% for productImages in product.images %} YVI
                <li data-target="#carousel-product" data-slide-to="{{loop.index0}}" {% if loop.index0 %}class="active"{% endif %}></li>
            {% endfor %}
        </ol>
        <div class="carousel-inner">
            {% for productImages in product.images %}HELLO
                <div class="carousel-item {% if loop.index0 %}active{% endif %}">
                    <img src="{{ vich_uploader_asset(productImages, 'imageFile') | imagine_filter('thumb_read') }}" class="img-fluid w-100" alt="" style="height:450px!important">
                </div>
            {% endfor %}
        </div>
    </div>
{% else %}
    <img src="{{ vich_uploader_asset(product.images.0, 'imageFile') | imagine_filter('thumb_read') }}" class="img-fluid w-100" alt="">
{% endif %} #}

    <!-- card left -->
{% if product.images|length > 1 %}
    <div class = "product-imgs">
      <div class = "img-display">
        <div class = "img-showcase"  >
        
            {% for productImages in product.images %}
                <img style="object-fit:contain" src = "{{ vich_uploader_asset(productImages, 'imageFile')  }}" alt="{{productImages.product.title}}" style="border-style:solid; border-color:#c11823; border-size:4px; border-left:none; border-top:none; border-right:none;">
                <a href="{{ vich_uploader_asset(productImages, 'imageFile') | imagine_filter('thumb') }}" data-lightbox="domosystem" data-title="Humitest"
                style="z-index: 1;position: absolute;float: right!important;right: 5px; top: 5px;">
                 <i class="fas fa-search p-2 shadow rounded text-light btn-red" style="background:background: black(0.5)!important;"></i></a>

            {% endfor %}
        </div>
      </div>
      <div class = "img-select mt-1">
        {% for productImages in product.images %}
        {% set counter = ( counter |default(0) ) + 1 %}
            <div class = "img-item m-1" >
                <a href = "#" data-id ="{{ counter }}" >
                    <img class="image-produit-slide" src = "{{ vich_uploader_asset(productImages, 'imageFile') | imagine_filter('thumb') }}" alt="{{productImages.product.title}}"
                    style="border-style:solid; border-color:#c11823; border-size:4px; border-left:none; border-top:none; border-right:none;">
                </a>
            </div>
         {% endfor %}
      </div>
    </div>
{% else %}
    <img src="{{ vich_uploader_asset(product.images.0, 'imageFile') }}" class="w-100" alt="{{product.title}}" style="object-position: left top!important;">
{% endif %} 

<!--Lightbox CDN  -->
<link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.css"
      integrity="sha512-Woz+DqWYJ51bpVk5Fv0yES/edIMXjj3Ynda+KWTIkGoynAMHrqTcDUQltbipuiaD5ymEo9520lyoVOo9jCQOCA=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    />
  <script
      src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox-plus-jquery.js"
      integrity="sha512-0rYcJjaqTGk43zviBim8AEjb8cjUKxwxCqo28py38JFKKBd35yPfNWmwoBLTYORC9j/COqldDc9/d1B7dhRYmg=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>
    
<style>
    /* #lightbox{
        height:200px!important; 
    } */
    .lb-outerContainer{
        height:65%!important; 
        width:70%!important; 
    }
    .lb-image{
        height:65%!important; 
        width:100%!important; 
    }
</style>