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

Open in your IDE?
  1. {% if bloc.bloc_alignement == 'droite' %}
  2.     <section data-bs-version="5.1"
  3.              class="slider1 cid-sYtjNiy8H1 text-img-type-{{ bloc.bloc_type_texte_image|default(0) }} {{ bloc.bloc_margin_top }} {{ bloc.bloc_margin_bottom }}"
  4.              id="slider1-2x">
  6.         <div class="row {% if bloc.bloc_alignement == 'droite' %}row-reverse{% endif %} m-0">
  8.             {% if medias[0].media_fichier is defined %}
  9.                 <div class="carousel slide carousel-fade col-12 col-lg-6 p-0" id="sYQbJ3e1Md" data-ride="carousel"
  10.                      data-bs-ride="carousel"
  11.                      data-interval="5000" data-bs-interval="5000">
  13.                     <ol class="carousel-indicators boutonSlide">
  14.                         {% for slide in medias %}
  15.                             <li data-slide-to="{{ loop.index0 }}" data-bs-slide-to="{{ loop.index0 }}"
  16.                                 {% if loop.first %}class="active"{% endif %}
  17.                                 data-target="#sYQbJ3e1Md"
  18.                                 data-bs-target="#sYQbJ3e1Md"></li>
  19.                         {% endfor %}
  20.                     </ol>
  21.                     <div class="carousel-inner carouselImageB">
  23.                         {% for slide in medias %}
  24.                             {% set mediaTmp = slide.media_fichier %}
  25.                             {% set mediaDefault = "default.jpg" %}
  26.                             {% set mediaTmp = webp(webpSupported, mediaTmp) %}
  27.                             {% set mediaDefault = webp(webpSupported, mediaDefault) %}
  29.                             <div class="carousel-item slider-image item {% if loop.first %}active{% endif %}">
  30.                                 <div class="item-wrapper slideimgText">
  32.                                     <a {% if slide.media_is_blank %}rel="noreferrer"
  33.                                             {% else %} rel="slider_bloc_{{ bloc.bloc_id }}"
  34.                                             {% endif %}
  35.                                        target="_blank"
  36.                                        title="{{ slide.media_alt|default(bloc.bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}"
  37.                                        href="{% if slide.media_lien %}{{ slide.media_lien }}{{ slide.media_lien }}{% else %}{{ asset('/medias_front/pages/'~mediaTmp) | imagine_filter('front_fancy') }}{% endif %}"
  38.                                        style="background-image:url({{ asset('/medias_front/pages/' ~ mediaTmp) | imagine_filter('front_blocTexteImage') }});"
  39.                                        data-fancybox>
  40.                                         <img class="d-block w-100 lazyload img-fit-cover imgTextSlider"
  41.                                              src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
  42.                                              loading="lazy"
  43.                                              data-src="{{ asset('/medias_front/pages/'~mediaTmp) | imagine_filter('front_blocTexteImage') }}"
  44.                                              alt="{{ slide.media_alt|default(bloc.bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}">
  45.                                     </a>
  47.                                 </div>
  48.                             </div>
  49.                         {% endfor %}
  50.                     </div>
  51.                     {#                    <a class="carouselfleche carousel-control carousel-control-prev" role="button" data-slide="prev" #}
  52.                     {#                       data-bs-slide="prev" #}
  53.                     {#                       href="#sYQbJ3e1Md"> #}
  54.                     {#                        <span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span> #}
  55.                     {#                        <span class="sr-only visually-hidden">Previous</span> #}
  56.                     {#                    </a> #}
  57.                     {#                    <a class="carouselfleche carousel-control carousel-control-next" role="button" data-slide="next" #}
  58.                     {#                       data-bs-slide="next" #}
  59.                     {#                       href="#sYQbJ3e1Md"> #}
  60.                     {#                        <span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span> #}
  61.                     {#                        <span class="sr-only visually-hidden">Next</span> #}
  62.                     {#                    </a> #}
  64.                 </div>
  65.             {% endif %}
  67.             <div class="col-12 col-lg-6 p-lg-5  d-flex justify-content-center img">
  68.                 <div class="text-wrapper pt-0  col-lg-10 ">
  69.                     {% if bloc.bloc_titre %}
  70.                         <h3 class="mbr-section-title mbr-fonts-style pt-2 display-2 text-center">
  71.                             <strong>{{ bloc.bloc_titre }}</strong>
  72.                         </h3>
  73.                     {% endif %}
  74.                     {% if bloc.bloc_sstitre %}
  75.                         <h4 class="mbr-section-subtitle mbr-fonts-style display-5 text-center">
  76.                             {{ bloc.bloc_sstitre }}
  77.                         </h4>
  78.                     {% endif %}
  79.                     <div class="mbr-text mbr-fonts-style display-7 px-2 bloc-text paraTextImage">
  80.                         {{ bloc.bloc_texte|raw }}
  81.                     </div>
  82.                 </div>
  83.             </div>
  84.         </div>
  85.     </section>
  86. {% else %}
  87.     <section data-bs-version="5.1"
  88.              class="slider1 cid-sYtjNiy8H1 text-img-type-{{ bloc.bloc_type_texte_image|default(0) }} {{ bloc.bloc_margin_top }} {{ bloc.bloc_margin_bottom }}"
  89.              id="slider1-2x">
  91.         <div class="row row-reverse{% if bloc.bloc_alignement == 'droite' %}row-reverse{% endif %} m-0">
  93.             {% if medias[0].media_fichier is defined %}
  94.                 <div class="carouselGaucheTotal carousel slide carousel-fade col-12 col-lg-6 p-0" id="sYQbJ3e1Md"
  95.                      data-ride="carousel"
  96.                      data-bs-ride="carousel"
  97.                      data-interval="5000" data-bs-interval="5000">
  99.                     <ol class="carousel-indicators boutonSlide">
  100.                         {% for slide in medias %}
  101.                             <li data-slide-to="{{ loop.index0 }}" data-bs-slide-to="{{ loop.index0 }}"
  102.                                 {% if loop.first %}class="active"{% endif %}
  103.                                 data-target="#sYQbJ3e1Md"
  104.                                 data-bs-target="#sYQbJ3e1Md"></li>
  105.                         {% endfor %}
  106.                     </ol>
  107.                     <div class="carousel-inner carouselImageB carouselGauche">
  109.                         {% for slide in medias %}
  110.                             {% set mediaTmp = slide.media_fichier %}
  111.                             {% set mediaDefault = "default.jpg" %}
  112.                             {% set mediaTmp = webp(webpSupported, mediaTmp) %}
  113.                             {% set mediaDefault = webp(webpSupported, mediaDefault) %}
  115.                             <div class="carousel-item slider-image item {% if loop.first %}active{% endif %}">
  116.                                 <div class="item-wrapper">
  118.                                     <a {% if slide.media_is_blank %}rel="noreferrer"
  119.                                             {% else %} rel="slider_bloc_{{ bloc.bloc_id }}"
  120.                                             {% endif %}
  121.                                        target="_blank"
  122.                                        title="{{ slide.media_alt|default(bloc.bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}"
  123.                                        href="{% if slide.media_lien %}{{ slide.media_lien }}{{ slide.media_lien }}{% else %}{{ asset('/medias_front/pages/'~mediaTmp) | imagine_filter('front_fancy') }}{% endif %}"
  124.                                        style="background-image:url({{ asset('/medias_front/pages/' ~ mediaTmp) | imagine_filter('front_blocTexteImage') }});"
  125.                                        data-fancybox>
  126.                                         <img class="d-block w-100 lazyload img-fit-cover imgTextSlider"
  127.                                              src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
  128.                                              loading="lazy"
  129.                                              data-src="{{ asset('/medias_front/pages/'~mediaTmp) | imagine_filter('front_blocTexteImage') }}"
  130.                                              alt="{{ slide.media_alt|default(bloc.bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}">
  131.                                     </a>
  133.                                 </div>
  134.                             </div>
  135.                         {% endfor %}
  136.                     </div>
  137.                     {#                    <a class="carouselfleche carousel-control carousel-control-prev" role="button" data-slide="prev" #}
  138.                     {#                       data-bs-slide="prev" #}
  139.                     {#                       href="#sYQbJ3e1Md"> #}
  140.                     {#                        <span class="mobi-mbri mobi-mbri-arrow-prev" aria-hidden="true"></span> #}
  141.                     {#                        <span class="sr-only visually-hidden">Previous</span> #}
  142.                     {#                    </a> #}
  143.                     {#                    <a class="carouselfleche carousel-control carousel-control-next" role="button" data-slide="next" #}
  144.                     {#                       data-bs-slide="next" #}
  145.                     {#                       href="#sYQbJ3e1Md"> #}
  146.                     {#                        <span class="mobi-mbri mobi-mbri-arrow-next" aria-hidden="true"></span> #}
  147.                     {#                        <span class="sr-only visually-hidden">Next</span> #}
  148.                     {#                    </a> #}
  150.                 </div>
  151.             {% endif %}
  153.             <div class="col-12 col-lg-6 p-lg-5  d-flex justify-content-center img slideText">
  154.                 <div class="text-wrapper pt-0  col-lg-10 ">
  155.                     {% if bloc.bloc_titre %}
  156.                         <h3 class="mbr-section-title mbr-fonts-style pt-2 display-2 text-center">
  157.                             <strong>{{ bloc.bloc_titre }}</strong>
  158.                         </h3>
  159.                     {% endif %}
  160.                     {% if bloc.bloc_sstitre %}
  161.                         <h4 class="mbr-section-subtitle mbr-fonts-style display-5 text-center flechebash4">
  162.                             {{ bloc.bloc_sstitre }}
  163.                         </h4>
  164.                     {% endif %}
  165.                     <div class="mbr-text mbr-fonts-style display-7 px-2 bloc-text paraTextImage">
  166.                         {{ bloc.bloc_texte|raw }}
  167.                     </div>
  168.                 </div>
  169.             </div>
  170.         </div>
  171.     </section>
  172. {% endif %}