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

Open in your IDE?
  1. {% if bloc.bloc_alignement == 'droite' %}
  2.     <section data-bs-version="5.1"
  3.              class="image2 cid-sYtiOZS3A3 text-img-type-{{ bloc.bloc_type_texte_image|default(0) }} {{ bloc.bloc_margin_top }} {{ bloc.bloc_margin_bottom }}"
  4.              id="image2-2t">
  5.         <div id="blocTexteImage"
  6.              class="row-reverse {% if bloc.bloc_alignement == 'droite' %}row{% endif %} {{ bloc.bloc_margin_top }} {{ bloc.bloc_margin_bottom }} m-0">
  8.             {% if medias[0].media_fichier is defined %}
  9.                 {% set mediaTmp = medias[0].media_fichier %}
  10.                 {% set mediaDefault = "default.jpg" %}
  11.                 {% set mediaTmp = webp(webpSupported, mediaTmp) %}
  12.                 {% set mediaDefault = webp(webpSupported, mediaDefault) %}
  13.                 <div id="imageText" class="col-12 col-lg-6 p-0 imageGaucheRespons test">
  14.                     <a {% if medias[0].media_lien %} href="{{ medias[0].media_lien }}" {% if medias[0].media_is_blank == 1 %} target="_blank" rel="noreferrer" {% endif %} {% else %} href="{{ asset('/medias_front/pages/'~mediaTmp) | imagine_filter('front_fancy') }}" target="_blank"  {% endif %}
  15.                             title="{{ medias[0].media_alt|default(bloc.bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}"
  16.                             style="background-image:url({{ asset('/medias_front/pages/'~mediaTmp) | imagine_filter('front_blocTexteImage') }}); "
  17.                             class="aImage" data-fancybox>
  18.                         {#   <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
  19.                          loading="lazy" class="lazyload img-fit-cover"
  20.                          data-src="{{ asset('/medias_front/pages/'~mediaTmp) | imagine_filter('front_blocTexteImage') }}"
  21.                          alt="{{ medias[0].media_alt|default(bloc.bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}"> #}
  22.                     </a>
  23.                 </div>
  25.             {% endif %}
  27.             <div class="imageDroiteTexte col-12 col-lg-6 p-lg-5 d-flex justify-content-center img">
  28.                 <div class="text-wrapper p-lg-5 col-lg-10 mobText">
  29.                     {% if bloc.bloc_titre %}
  30.                         <h3 class="pt-2 mbr-section-title mbr-fonts-style display-2 text-center">
  31.                             <strong>{{ bloc.bloc_titre }}</strong>
  32.                         </h3>
  33.                     {% endif %}
  34.                     {% if bloc.bloc_sstitre %}
  35.                         <h4 class="flechebash4 mbr-section-subtitle mbr-fonts-style display-5 text-center">
  36.                             {{ bloc.bloc_sstitre }}
  37.                         </h4>
  38.                     {% endif %}
  39.                     <div class="mbr-text mbr-fonts-style display-7  bloc-text paraTextImage">
  40.                         {{ bloc.bloc_texte|raw }}
  41.                     </div>
  42.                 </div>
  43.             </div>
  44.         </div>
  46.     </section>
  47. {% else %}
  48.     <section data-bs-version="5.1"
  49.              class="image2 cid-sYtiOZS3A3 text-img-type-{{ bloc.bloc_type_texte_image|default(0) }} {{ bloc.bloc_margin_top }} {{ bloc.bloc_margin_bottom }}"
  50.              id="image2-2t">
  51.         <div id="blocTexteImage" class="row-reverse {% if bloc.bloc_alignement == 'droite' %}row{% endif %} m-0">
  53.             {% if medias[0].media_fichier is defined %}
  54.                 {% set mediaTmp = medias[0].media_fichier %}
  55.                 {% set mediaDefault = "default.jpg" %}
  56.                 {% set mediaTmp = webp(webpSupported, mediaTmp) %}
  57.                 {% set mediaDefault = webp(webpSupported, mediaDefault) %}
  58.                 <div id="imageText" class="col-12 col-lg-6 p-0">
  59.                     <a {% if medias[0].media_lien %} href="{{ medias[0].media_lien }}" {% if medias[0].media_is_blank == 1 %} target="_blank" rel="noreferrer" {% endif %} {% else %} href="{{ asset('/medias_front/pages/'~mediaTmp) | imagine_filter('front_fancy') }}" target="_blank"  {% endif %}
  60.                             title="{{ medias[0].media_alt|default(bloc.bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}"
  61.                             style="background-image:url({{ asset('/medias_front/pages/'~mediaTmp) | imagine_filter('front_blocTexteImage') }});{% if bloc.bloc_image_position_verticale is defined %} background-position : {{ bloc.bloc_image_position_verticale }} !important {% endif %}"
  62.                             class="aImage" data-fancybox>
  63.                         {#   <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
  64.                          loading="lazy" class="lazyload img-fit-cover"
  65.                          data-src="{{ asset('/medias_front/pages/'~mediaTmp) | imagine_filter('front_blocTexteImage') }}"
  66.                          alt="{{ medias[0].media_alt|default(bloc.bloc_titre)|default(page.ptitre~' '~page.ptitreonglet)|default(nomDuSite) }}"> #}
  67.                     </a>
  68.                 </div>
  69.             {% endif %}
  71.             <div class="imageGaucheTexte col-12 col-lg-6 p-lg-5 d-flex justify-content-center img">
  72.                 <div class="text-wrapper p-lg-5 col-lg-10">
  73.                     {% if bloc.bloc_titre %}
  74.                         <h3 class="pt-2 mbr-section-title mbr-fonts-style display-2 text-center">
  75.                             <strong>{{ bloc.bloc_titre }}</strong>
  76.                         </h3>
  77.                     {% endif %}
  78.                     {% if bloc.bloc_sstitre %}
  79.                         <h4 class="flechebash4 mbr-section-subtitle mbr-fonts-style display-5 text-center flechebash4">
  80.                             {{ bloc.bloc_sstitre }}
  81.                         </h4>
  82.                     {% endif %}
  83.                     <div class="mbr-text mbr-fonts-style display-7  bloc-text paraTextImage">
  84.                         {{ bloc.bloc_texte|raw }}
  85.                     </div>
  86.                 </div>
  87.             </div>
  88.         </div>
  90.     </section>
  91. {% endif %}