templates/front/slices/slice_push_news.html.twig line 1

Open in your IDE?
  1. <section class="slice cards-slider"
  2.          js-slider="{options: { slidesPerView: 1, spaceBetween: 16, breakpoints: { 768: { slidesPerView: 2, spaceBetween: 32 }, 1024: { slidesPerView: 3 }} }}">
  3.     <div class="fluid-grid">
  4.         <div class="row mb-4 md:mb-8">
  5.             <div class="col-12 lg-col-11 lg-col-offset-1 flex items-center {{ slice.title is defined and slice.title is not null ? 'justify-between' : 'justify-end' }}">
  6.                 {% if slice.title %}
  7.                     <h2 class="font-semibold title--word-bg title--circle title--circle-big title--L text-violet">{{ slice.title|highlight_word|raw }}</h2>
  8.                 {% endif %}
  10.                 {% include 'front/partials/slider-nav.html.twig' with {mainClass: 'swiper-navigation flex cards-slider__nav', iconColor: 'violet', buttonFirst: 'mr-8'} %}
  11.             </div>
  12.         </div>
  14.         <div class="swiper-container overflow-hidden w-full" js-slider-el>
  15.             <div class="swiper-wrapper">
  16.                 {% set tag = null %}
  17.                 {% if (page.type == 'expertise' or page.type == 'edito') and page.tags|length > 0 %}
  18.                     {% set tag = page.tags[0] %}
  19.                 {% endif %}
  21.                 {% set news_array = find_pages(['article','event','agenda'], tag) %}
  23.                 {% if tag != null and news_array|length == 0 %}
  24.                     {% set news_array = find_pages(['article','event','agenda'], null) %}
  25.                 {% endif %}
  27.                 {% for news in news_array %}
  28.                     {% set newsProperties = news.contentProperties %}
  29.                     <div class="swiper-slide">
  30.                         {% include 'front/partials/cards/news-event.html.twig' with {type: news.type} %}
  31.                     </div>
  32.                 {% endfor %}
  33.             </div>
  34.         </div>
  36.         <div class="text-center">
  37.             <a class="button button--rounded button--arrow button--violet mt-22 md:mt-6"
  38.                href="{{ page_url('news-list', 'front') }}">
  39.                 <span>Voir toutes nos actualités</span>
  40.                 <svg width="12" height="12" class="picto icon ml-2 flex-shrink-0">
  41.                     <use href="#icon-arrow" xlink:href="#icon-arrow"></use>
  42.                 </svg>
  43.             </a>
  44.         </div>
  45.     </div>
  46. </section>