templates/front/front_news/bloc-texte_slider.html.twig line 1

Open in your IDE?
  1. <section data-bs-version="5.1"
  2.          class="slider1 cid-sYtjNiy8H1 text-img-type-{{ bloc.act_bloc_type_texte_image|default(0) }} {{ bloc.act_bloc_margin_top }} {{ bloc.act_bloc_margin_bottom }}"
  3.          id="slider1-2x">
  5.     <div class="row {% if bloc.act_bloc_alignement == 'droite' %}row-reverse{% endif %} m-0">
  7.         {% if medias[0].act_media_fichier is defined %}
  8.             <div class="carousel slide carousel-fade col-12 col-lg-6 p-0" id="sYQbJ3e1Md" data-ride="carousel"
  9.                  data-bs-ride="carousel"
  10.                  data-interval="5000" data-bs-interval="5000">
  12.                 <ol class="carousel-indicators">
  13.                     {% for slide in medias %}
  14.                         <li data-slide-to="{{ loop.index0 }}" data-bs-slide-to="{{ loop.index0 }}"
  15.                             {% if loop.first %}class="active"{% endif %}
  16.                             data-target="#sYQbJ3e1Md"
  17.                             data-bs-target="#sYQbJ3e1Md"></li>
  18.                     {% endfor %}
  19.                 </ol>
  20.                 <div class="carousel-inner">
  22.                     {% for slide in medias %}
  23.                         {% set mediaTmp = slide.act_media_fichier %}
  24.                         {% set mediaDefault = "default.jpg" %}
  25.                         {% set mediaTmp = webp(webpSupported, mediaTmp) %}
  26.                         {% set mediaDefault = webp(webpSupported, mediaDefault) %}
  28.                         <div class="carousel-item slider-image item {% if loop.first %}active{% endif %}">
  29.                             <div class="item-wrapper">
  31.                                 <a {% if slide.act_media_is_blank %}rel="noreferrer"
  32.                                         {% else %} rel="slider_bloc_{{ bloc.id }}"
  33.                                         {% endif %}
  34.                                    target="_blank"
  35.                                    title="{{ slide.act_media_alt|default(bloc.act_bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}"
  36.                                    href="{% if slide.act_media_lien %}{{ slide.act_media_lien }}{{ slide.act_media_lien }}{% else %}{{ asset('/medias_front/actualite/'~mediaTmp) | imagine_filter('front_fancy') }}{% endif %}"
  37.                                    style="background-image:url({{ asset('/medias_front/actualite/' ~ mediaTmp) | imagine_filter('front_blocTexteImage') }});">
  38.                                     <img class="d-block w-100 lazyload img-fit-cover"
  39.                                          src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
  40.                                          loading="lazy"
  41.                                          data-src="{{ asset('/medias_front/actualite/'~mediaTmp) | imagine_filter('front_blocTexteImage') }}"
  42.                                          alt="{{ slide.act_media_alt|default(bloc.act_bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}">
  43.                                 </a>
  45.                             </div>
  46.                         </div>
  47.                     {% endfor %}
  48.                 </div>
  49.                 <a class="carousel-control carousel-control-prev" role="button" data-slide="prev" data-bs-slide="prev"
  50.                    href="#sYQbJ3e1Md">
  51.                     <span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span>
  52.                     <span class="sr-only visually-hidden">Previous</span>
  53.                 </a>
  54.                 <a class="carousel-control carousel-control-next" role="button" data-slide="next" data-bs-slide="next"
  55.                    href="#sYQbJ3e1Md">
  56.                     <span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span>
  57.                     <span class="sr-only visually-hidden">Next</span>
  58.                 </a>
  60.             </div>
  61.         {% endif %}
  63.         <div class="col-12 col-lg-6 d-flex justify-content-center">
  64.             <div class="text-wrapper col-lg-10">
  65.                 {% if bloc.act_bloc_titre %}
  66.                     <h3 class="mbr-section-title mbr-fonts-style display-2 text-center">
  67.                         <strong>{{ bloc.act_bloc_titre }}</strong>
  68.                     </h3>
  69.                 {% endif %}
  70.                 {% if bloc.act_bloc_sstitre %}
  71.                     <h4 class="mbr-section-subtitle mbr-fonts-style display-5 text-center">
  72.                         {{ bloc.act_bloc_sstitre }}
  73.                     </h4>
  74.                 {% endif %}
  75.                 <div class="mbr-text mbr-fonts-style display-7 bloc-text">
  76.                     {{ bloc.act_bloc_texte|raw }}
  77.                 </div>
  78.             </div>
  79.         </div>
  80.     </div>
  81. </section>