templates/front/partials/cards/push-content.html.twig line 1

Open in your IDE?
  1. {% set properties = page.contentProperties %}
  2. {% set hasImage = properties.image.singleMedia is defined and properties.image.singleMedia.publicId is not null %}
  3. <a class="block push-content__inner push-content__inner--{{ position }} {{ not hasImage ? 'push-content__inner--no-img' : '' }}" href="{{ page_url(page, 'front') }}">
  4.     <div class="push-content__content {{ position == 'right' ? 'push-content__content--right' : '' }}">
  5.         {% if properties.suptitlePush is defined and properties.suptitlePush is not null %}
  6.         <p class="push-content__suptitle">{{ properties.suptitlePush }}</p>
  7.         {% endif %}
  8.         <p class="title--M font-semibold">{{ page.title }}</p>
  9.     </div>
  10.     <span class="push-content__cta push-content__cta--{{ position }} icon-center">
  11.         <svg width="16" height="16" class="icon--white">
  12.             <use href="#icon-arrow" xlink:href="#icon-arrow"></use>
  13.         </svg>
  14.     </span>
  15. </a>
  16. {% if hasImage %}
  17. <div class="push-content__bg">
  18.     <picture>
  19.         <source media="(max-width: 1279px)" srcset="/assets/front/dummy-pic.png">
  20.         <img data-src="{{ cloudinary_media(properties.image.singleMedia, 'f_auto,q_auto,c_fill,w_720,h_340') }}" class="lazyload" alt="{{ properties.image.singleMedia.alt }}" />
  21.     </picture>
  22. </div>
  23. {% endif %}