templates/elements/component/sliders.html.twig line 1

Open in your IDE?
  1. <div class="row">
  2.     <div class="col-lg-9">
  3.         {% if sliders | length > 0 %}
  4.             <section class="splide" aria-label="Splide Basic HTML Example" style="height: 100%">
  5.                 <div class="splide__track" style="height: 100%">
  6.                     <ul class="splide__list" style="height: 100%">
  7.                         {% for slider in sliders %}
  8.                             {% if slider.type == 'principal' %}
  9.                                 {% set translated = slider | translate %}
  10.                                 <li class="splide__slide" style="height: 100%">
  11.                                     <img src="{{ vich_uploader_asset(slider, "imageFile") }}"
  12.                                          style="width: 100%; height: 100%; object-fit: cover"
  13.                                          class="scale-init img-fluid"
  14.                                          alt="{{ slider.id }}">
  15.                                     <div class="slide__text">
  16.                                         <h3 class="text-white">
  17.                                             {{ translated.text | default('') }}
  18.                                         </h3>
  19.                                         {% if translated.link %}
  20.                                             <div class="pt-3">
  21.                                                 <a class="btn btn-primary"
  22.                                                    href="{{ translated.link }}">{{ "En savoir plus" | trans }}</a>
  23.                                             </div>
  24.                                         {% endif %}
  25.                                     </div>
  26.                                 </li>
  27.                             {% endif %}
  28.                         {% endfor %}
  29.                     </ul>
  30.                 </div>
  31.             </section>
  32.         {% endif %}
  33.     </div>
  34.     <div class="col-lg-3 img-banner-list">
  35.         <div class="row mt-2 mt-lg-0">
  36.             {% for slider in sliders %}
  37.                 {% if slider.type == 'secondary' %}
  38.                     {% set translated = slider | translate %}
  39.                     <div class="col-lg-12 col-md-4 col-sm-6">
  40.                         <a href="{{ translated.link != "" ? translated.link  : 'javascript:void(0)' }}">
  41.                             <img src="{{ vich_uploader_asset(slider, "imageFile") }}" alt="img 1" class="img-banner">
  42.                         </a>
  43.                     </div>
  44.                 {% endif %}
  45.             {% endfor %}
  46.         </div>
  47.     </div>
  48. </div>