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

Open in your IDE?
  1. {% set type = bloc.bloc_type_texte_image|default(0) %}
  2. {% set adLiip = "" %}
  3. {% if type == 0 %}
  4.     {% set adLiip = "_0" %}
  5. {% endif %}
  7. {% if medias[0].media_fichier is defined %}
  8.     {% set mediaTmp = medias[0].media_fichier %}
  9.     {% else %}
  10.     {% set mediaTmp = "" %}
  11. {% endif %}
  13. {% set mediaDefault = "default.jpg" %}
  14. {% set mediaTmp = webp(webpSupported, mediaTmp) %}
  15. {% set mediaDefault = webp(webpSupported, mediaDefault) %}
  17. {% if type != 2 %}
  18.     <section data-bs-version="5.1"
  19.              class="image3 agencym4_image3 cid-sYtkRmM6mF {{ bloc.bloc_margin_top }} {{ bloc.bloc_margin_bottom }} type{{ type }}"
  20.              id="image3-33">
  22.         <div class="nuagesFondImage">
  23.             <div class="degraderBlancImageTop"></div>
  24.             <div class="degraderBlancImageBot"></div>
  25.         </div>
  26.         <figure class="mbr-figure container">
  27.             <a href="{{ asset('/medias_front/pages/' ~ mediaTmp) | imagine_filter('front_fancy') }}"
  28.                data-fancybox>
  29.                 <div class="image-block {% if type == 0 %}w-75{% elseif type == 1 %}w-100{% endif %}" {% if type == 0 %} style="background-image: url('{{ asset('/medias_front/pages/' ~ mediaTmp) | imagine_filter('front_blocImage'~adLiip) }}')" {% endif %}>
  30.                     {% if type != 0 %}
  31.                         <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
  32.                              width="1400"
  33.                              alt=""
  34.                              loading="lazy" class="lazyload"
  35.                              data-src="{{ asset('/medias_front/pages/' ~ mediaTmp) | imagine_filter('front_blocImage'~adLiip) }}">
  36.                     {% endif %}
  37.                 </div>
  38.             </a>
  39.             <figcaption
  40.                     class="mbr-figure-caption mbr-figure-caption-over{% if (bloc.bloc_titre is null and bloc.bloc_sstitre is null) or (bloc.bloc_titre is empty and bloc.bloc_sstitre is empty) %} d-none{% endif %}">
  41.                 <div class="titleBloc container  mbr-white align-center mbr-fonts-style pt-3 display-1 ">
  42.                     {% if bloc.bloc_titre %}
  43.                         <h3 class="mbr-section-title mbr-fonts-style display-2">
  44.                             <strong>{{ bloc.bloc_titre }}</strong>
  45.                         </h3>
  46.                     {% endif %}
  47.                     {% if bloc.bloc_sstitre %}
  48.                         <h4 class="flechebash4 mbr-section-subtitle mbr-fonts-style display-5">
  49.                             {{ bloc.bloc_sstitre }}
  50.                         </h4>
  51.                     {% endif %}
  52.                 </div>
  53.             </figcaption>
  54.         </figure>
  55.     </section>
  56. {% endif %}
  58. {% if type == 2 %}
  59.     <section data-bs-version="5.1" class="image1 woodm4_image1 cid-sYtkwjjoQl mbr-parallax-background" id="image01-31"
  60.              style="background-image: url('{{ asset('/medias_front/pages/' ~ mediaTmp) | imagine_filter('front_blocImage'~adLiip) }}')">
  61.         <div class="container">
  62.         </div>
  63.     </section>
  64. {% endif %}