templates/front/front_blocks/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.bloc_type_texte_image|default(0) }} {{ bloc.bloc_margin_top }} {{ bloc.bloc_margin_bottom }}"
  3.          id="slider1-2x">
  5.     <div class="row {% if bloc.bloc_alignement == 'droite' %}row-reverse{% endif %} m-0">
  7.         {% if medias[0].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.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.media_is_blank %}rel="noreferrer"
  32.                                         {% else %} rel="slider_bloc_{{ bloc.bloc_id }}"
  33.                                         {% endif %}
  34.                                    target="_blank"
  35.                                    title="{{ slide.media_alt|default(bloc.bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}"
  36.                                    href="{% if slide.media_lien %}{{ slide.media_lien }}{{ slide.media_lien }}{% else %}{{ asset('/medias_front/' ~ module ~ '/'~mediaTmp) | imagine_filter('front_fancy') }}{% endif %}"
  37.                                    style="background-image:url({{ asset('/medias_front/' ~ module ~ '/' ~ mediaTmp) | imagine_filter('front_blocTexteImage') }});"
  38.                                    data-fancybox>
  39.                                     <img class="d-block w-100 lazyload img-fit-cover"
  40.                                          src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
  41.                                          loading="lazy"
  42.                                          data-src="{{ asset('/medias_front/' ~ module ~ '/'~mediaTmp) | imagine_filter('front_blocTexteImage') }}"
  43.                                          alt="{{ slide.media_alt|default(bloc.bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}">
  44.                                 </a>
  46.                             </div>
  47.                         </div>
  48.                     {% endfor %}
  49.                 </div>
  50.                 <a class="carousel-control carousel-control-prev" role="button" data-slide="prev" data-bs-slide="prev"
  51.                    href="#sYQbJ3e1Md">
  52.                     <span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span>
  53.                     <span class="sr-only visually-hidden">Previous</span>
  54.                 </a>
  55.                 <a class="carousel-control carousel-control-next" role="button" data-slide="next" data-bs-slide="next"
  56.                    href="#sYQbJ3e1Md">
  57.                     <span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span>
  58.                     <span class="sr-only visually-hidden">Next</span>
  59.                 </a>
  61.             </div>
  62.         {% endif %}
  64.         <div class="col-12 col-lg-6 p-lg-5  d-flex justify-content-center img">
  65.             <div class="text-wrapper pt-0  col-lg-10 ">
  66.                 {% if bloc.bloc_titre %}
  67.                     <h3 class="mbr-section-title mbr-fonts-style pt-2 display-2 text-center">
  68.                         <strong>{{ bloc.bloc_titre }}</strong>
  69.                     </h3>
  70.                 {% endif %}
  71.                 {% if bloc.bloc_sstitre %}
  72.                     <h4 class="mbr-section-subtitle mbr-fonts-style display-5 text-center">
  73.                         {{ bloc.bloc_sstitre }}
  74.                     </h4>
  75.                 {% endif %}
  76.                 <div class="mbr-text mbr-fonts-style display-7 px-2 bloc-text text-justify">
  77.                     {{ bloc.bloc_texte|raw }}
  78.                 </div>
  79.             </div>
  80.         </div>
  81.     </div>
  82. </section>