templates/areas/news-slider/view.html.twig line 18

Open in your IDE?
  1. {% if editmode %}
  2.     <style>
  3.         .news-slider .swiper-button-prev,
  4.         .news-slider .swiper-button-next { display: none !important; }
  5.         .news-slider .fullwidth-component-inner { padding: 0; }
  6.         .news-slider .pimcore_editable_block { display: flex; flex-wrap: wrap; width: 100%; }
  7.         .news-slider .pimcore_editable_block .pimcore_block_entry { width: calc(100% / 3); padding: 0 12px; }
  8.     </style>
  9. {% endif %}
  10. {% set unique_id = random() %}
  11. <div class="news-slider fullwidth-component bg-bmw-light-40 mb-7">
  12.     <div class="fullwidth-component-inner position-relative">
  13.         <h2 class="text-center mb-5">{{ pimcore_input('slider-headline') }}</h2>
  14.         <div class="{% if not editmode %}swiper{% endif %} news-slider-swiper" id="swiper-{{ unique_id }}">
  15.             <div class="swiper-wrapper">
  16.                 {% for i in pimcore_iterate_block(pimcore_block('swiper-slides')) %}
  17.                     <div class="swiper-slide">
  18.                         {% include "./partials/_news-card.html.twig" %}
  19.                     </div>
  20.                 {% endfor %}
  21.             </div>
  22.         </div>
  23.         <div class="swiper-button-next d-none d-md-block" id="swiper-{{ unique_id }}-next"></div>
  24.         <div class="swiper-button-prev d-none d-md-block" id="swiper-{{ unique_id }}-prev"></div>
  25.     </div>
  26. </div>