templates/themes/ismart/block/slider-featured-articles.html.twig line 1

Open in your IDE?
  1. <div class="ac-listing-header"
  2.      style="background-image: url({{ block.background }})">
  3.     <div class="ac-listing-header-title"><span>{{ block.title }}</span></div>
  4. </div>
  5. <section class="ac-listing-banner container">
  6.     <div class="ac-banner-slider d-none d-lg-flex">
  7.         {% set featuredArticles = getFeaturedArticleByCategory() %}
  8.         {% set slickArticles = featuredArticles | batch(3 , false) %}
  9.         {% for items in slickArticles %}
  10.             <div class="container ac-banner-slider-item">
  11.                 <div class="row gap-0">
  12.                     {% for article in items %}
  13.                         {% if loop.index == 1 and article %}
  14.                             <div class="col-md-6 col-12"><a
  15.                                         href="{{ forceSSL(url('frontend_site_post_detail', {'slug':article.post.slug})) }}"
  16.                                         class="banner-1-container">
  17.                                     <img loading="lazy" class="image-1"
  18.                                                                         src="{{ article.post.image }}"
  19.                                                                         alt="">
  20.                                     <div class="description-1">
  21.                                         <span>{{ article.post.title }}</span></div>
  22.                                 </a></div>
  23.                         {% endif %}
  24.                     {% endfor %}
  26.                     <div class="banner-2-container col-md-6 col-12 d-flex flex-column justify-content-between gap-2">
  27.                         {% for article in items %}
  28.                             {% if loop.index > 1 and article %}
  29.                                 <a
  30.                                         href="{{ forceSSL(url('frontend_site_post_detail', {'slug':article.post.slug})) }}">
  31.                                     <div class="d-flex flex-row ac-banner-2"><img class="image-2"
  32.                                                                                   src="{{ article.post.image }}"
  33.                                                                                   alt="">
  34.                                         <div class="d-flex flex-column desc-2"><span class="title-banner-2">{{ article.post.title }}</span>
  35.                                             <span class="content-banner-2">
  36.                                             {{ article.post.description }}
  37.                                         </span>
  38.                                         </div>
  39.                                     </div>
  40.                                 </a>
  41.                             {% endif %}
  42.                         {% endfor %}
  43.                     </div>
  44.                 </div>
  45.             </div>
  46.         {% endfor %}
  47.     </div>
  48.     <div class="ac-banner-slider d-block d-lg-none">
  49.         {% for article in featuredArticles %}
  50.             <div class="container ac-banner-slider-item"><a href="{{ forceSSL(url('frontend_site_post_detail', {'slug':article.post.slug})) }}"
  51.                                                             class="banner-1-container"><img
  52.                             class="image-1"
  53.                             src="{{ article.post.image }}" alt="">
  54.                     <div class="description-1">
  55.                         <span>{{ article.post.title }}</span>
  56.                     </div>
  57.                 </a></div>
  58.         {% endfor %}
  60.     </div>
  61. </section>