templates/news/listing.html.twig line 1

Open in your IDE?
  1. {% extends 'layouts/layout.html.twig' %}
  2. {% block content %}
  5.     <main class="pullc">
  6.         <div class="container-xl">
  7.             <div class="row">
  8.                 <div class="col-lg-3 leftpull section-pillar d-none d-lg-block" {% if pillar_background %} style="background-image: url({{ pillar_background.thumbnail('pillar') }})" {% endif %}>
  9. <div class="section-title px-3 px-lg-3 ps-lg-0 d-flex flex-column">
  10.                         <h1 class="mb-lg-5 pt-1 pe-lg-4 mt-5 text-lg-end">{{ section_title }}
  11.                             </h1>
  12.                     </div>
  13.         {% if document.getProperty('pillar_background') %}
  14.                         {% if document.getProperty('pillar_background').getMetadata('Credit') %}
  15.                             <div class="pillar-credit">
  16.                                 Image:
  17.                                 {{ document.getProperty('pillar_background').getMetadata('Credit') }}
  18.                             </div>
  19.                         {% endif %}
  20.                     {% endif %}
  21.                 </div>
  22.                 <div class="col-lg-9 ps-lg-5 pe-lg-5 pb-4">
  23.     
  25.                         <div class="breadcrumbs mt-3">
  26.                             <a href="/">{{ "Home"|trans }}</a>
  27.                             &raquo;
  28.                             {{ document.key }}
  29.                         </div>
  31.             
  34.                     <h1 class="my-3">{{ pimcore_input("headline", {"placeholder":"Headline", "width": 600}) }}</h1>
  36.                     {% for news in newsListing %}
  37.                         {% set detailLink = app_news_detaillink(news) %}
  38.                         <div class="row mb-4 py-2 newslist">
  39.                             <div class="col-12 col-lg-3">
  40.                                 {% if news.list_image %}
  41.                                     {{ news.list_image.thumbnail('newsfront').html({'imgAttributes': {
  42.                             'class': 'newslistimg',
  43.                             'alt': news.title,
  44.                            },}) | raw }}
  45.                                 {% elseif news.image %}
  46.                                     {{ news.image.thumbnail('newsfront').html({'imgAttributes': {
  47.                             'class': 'newslistimg',
  48.                             'alt': news.title,
  49.                            },}) | raw }}
  50.                            {% else %}
  51.                                     {{ document.getProperty('fallback_newsimg').thumbnail('newsfront').html({'imgAttributes': {
  52.                             'class': 'newslistimg',
  53.                             'alt': news.title,
  54.                            },}) | raw }}
  55.                                 {% endif %}
  56.                             </div>
  58.                             <div class="col-12 col-lg-9">
  61.                                 <span class="rdate pt-2">
  62.                                     {{ news.publish_date|date("D j M Y") }}
  63.                                 </span>
  66.                                 <h2>
  67.                                     <a class="listlink purplelink stretched-link" href="{{ detailLink }}">{{ news.title }}</a>
  68.                                 </h2>
  69.                                 <p>
  70.                                     {{ news.intro }}
  71.                                 </p>
  74.                             </div>
  75.                         </div>
  76.                     {% endfor %}
  77.                     {% include 'includes/pagination.html.twig' %}
  78.                 </div>
  81.             </div>
  82.         </div>
  83.     </main>
  86. {% endblock %}