templates/blocks/block-pic-quad-theme.html.twig line 1

Open in your IDE?
  1. {% set end = false %}
  2. {% if block.theme_pic_img is defined and block.theme_pic_img is not empty %}
  3.     {% if block.image_position == "right" %}
  4.         {% set end = true %}
  5.     {% endif %}
  6. {% endif %}
  7. <div class="br8 mt-40px mb-40px pxaic">
  8.     <div class="block-text-pic dflex jcsb">
  9.         {% if block.theme_pic_img is defined and block.theme_pic_img is not empty %}
  10.             <div class="block-pic-main{% if end %}-end{% endif %}">
  11.                 <img class="main-pic w100" src="{{ block.theme_pic_img.formats['600x.webp'] }}" srcset="{{ block.theme_pic_img.formats['300x.webp'] }} 300w, {{ block.theme_pic_img.formats['600x.webp'] }} 600w, {{ block.theme_pic_img.formats['1000x.webp'] }} 1000w" sizes="600px" alt="{{ block.theme_pic_img | copyright_or_description_or_title }}" loading="lazy" width="{{ block.theme_pic_img.fileVersion.properties.width }}" height="{{ block.theme_pic_img.fileVersion.properties.height }}">
  12.             </div>
  13.         {% endif %}
  14.         <div class="dflex fdc w40">
  15.             <h2 class="fw400 fs36 lh40">
  16.                 {{ block.theme_pic1_title }}
  17.             </h2>
  18.             {% if block.theme_pic1_desc is defined and block.theme_pic1_desc is not empty %}
  19.                 <div class="fw400 fs16 lh24 mt-24px">
  20.                     {{ block.theme_pic1_desc | raw }}
  21.                 </div>
  22.             {% endif %}
  23.             {% if block.theme_pic1_text is defined and block.theme_pic1_text is not empty %}
  24.                 <div class="frame-thematique1 dflex jcc aic br6 fw400 fs16 lh24 mt-24px framed">
  25.                     {{ block.theme_pic1_text | raw }}
  26.                 </div>
  27.             {% endif %}
  28.             {% if block.theme_pic2_text is defined and block.theme_pic2_text is not empty %}
  29.                 <div class="frame-thematique2 dflex jcc aic br6 fw400 fs16 lh24 framed">
  30.                     {{ block.theme_pic2_text | raw }}
  31.                 </div>
  32.             {% endif %}
  33.             {% if block.theme_pic3_text is defined and block.theme_pic3_text is not empty %}
  34.                 <div class="frame-thematique3 dflex jcc aic br6 fw400 fs16 lh24 framed">
  35.                     {{ block.theme_pic3_text | raw }}
  36.                 </div>
  37.             {% endif %}
  38.             {% if block.theme_pic4_text is defined and block.theme_pic4_text is not empty %}
  39.                 <div class="frame-thematique4 dflex jcc aic br6 fw400 fs16 lh24 framed">
  40.                     {{ block.theme_pic4_text | raw }}
  41.                 </div>
  42.             {% endif %}
  43.         </div>
  44.     </div>
  45. </div>