templates/areas/news-teaser/view.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     <div class="edit-box">
  3.         <h1>KONFIGURATIONEN FÜR DEN AREABRICK:</h1>
  4.         <div class="flex gap-20">
  5.             <div class="content flex column gap-20">
  6.                 <div class="content-box flex gap-20">
  7.                     <div class="item">
  8.                         <p class="edit-p">Abstand nach unten wählen:</p>
  9.                         {{ pimcore_select("MarginBottom", {
  10.                             "reload": true,
  11.                             "store": [
  12.                                 ["regular", "Normal"],
  13.                                 ["half", "1/2"],
  14.                                 ["small", "1/4"],
  15.                                 ["zero", "kein Abstand"],
  16.                             ],
  17.                             "defaultValue" : "regular"
  18.                         }) }}
  19.                     </div>
  20.                 </div>
  21.             </div>
  22.         </div>
  23.     </div>
  24.     {{ pimcore_relations("Teaser", {
  25.         "title": "Objekte ablegen",
  26.         "types": ["object"],
  27.         "subtypes": {
  28.             "object": ["object"]
  29.         },
  30.         "classes": ["News"]
  31.     }) }}
  32. {% endif %}
  33. <section class="teaser-swiper news-teaser {{ pimcore_select('MarginBottom').getData() }}">
  34.     <div class="container teaser-container">
  35.         {% if not editmode %}
  36.             <h2 class="headline">{{ 'NewsTeaser_Headline' | trans }}</h2>
  37.             <div class="news-swiper-container">
  38.                 <div class="swiper newsTeaserSwiper">
  39.                     <div class="swiper-wrapper">
  40.                         {% set newsList = pimcore_relations("Teaser") %}
  41.                         {% for news in newsList %}
  43.                             {# news detail link #}
  44.                             {% set detailLink = path('newslist', {
  45.                                 id: news.id,
  46.                                 headline: toUri(news.headline),
  47.                                 path: 'news-url-path'|trans
  48.                             }) %}
  49.                             {# news detail link #}
  50.                             <div class="swiper-slide">
  51.                                 <div class="teaser">
  52.                                     <a href="{{ detailLink }}" aria-label="{{ news.headline | u.truncate(10,'...') }}">{{ news.teaserImage.thumbnail('NewsTeaser').html | raw }}</a>
  53.                                     <div class="content equal-height">
  54.                                         <div class="date flex gap-10">
  55.                                             <p>{{ news.date | date('d.m.Y') }}</p>
  56.                                         </div>
  57.                                         <p class="teaser-headline">
  58.                                             <a href="{{ detailLink }}" aria-label="{{ news.headline | u.truncate(10,'...') }}">{{ news.headline | u.truncate(50, '...') | nl2br }}</a>
  59.                                         </p>
  60.                                         <div class="description mini">
  61.                                             <a href="{{ detailLink }}" aria-label="{{ news.headline | u.truncate(10,'...') }}">
  62.                                                 <p>{{ news.intro | u.truncate(155, '...') }}</p>
  63.                                             </a>
  64.                                         </div>
  65.                                     </div>
  66.                                 </div>
  67.                             </div>
  68.                         {% endfor %}
  69.                     </div>
  70.                     <div class="swipe-controls">
  71.                         <div class="newsTeaserSwiperNext swiper-button-next"></div>
  72.                         <div class="newsTeaserSwiperPrev swiper-button-prev"></div>
  73.                     </div>
  74.                 </div>
  75.             </div>
  76.         {% endif %}
  77.     </div>
  78. </section>