templates/blog/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 %}>
  10.                     <div class="section-title px-3 px-lg-4 ps-lg-0 d-flex flex-column">
  11.                             <h1 class="mb-lg-5 pt-1 pe-lg-4 mt-5 text-lg-end">{{ section_title }}
  12.                         </h1>
  13.                     </div>
  14.         {% if document.getProperty('pillar_background') %}
  15.                         {% if document.getProperty('pillar_background').getMetadata('Credit') %}
  16.                             <div class="pillar-credit">
  17.                                 Image:
  18.                                 {{ document.getProperty('pillar_background').getMetadata('Credit') }}
  19.                             </div>
  20.                         {% endif %}
  21.                     {% endif %}
  22.                 </div>
  23.                 <div class="col-lg-9 ps-lg-5 pe-lg-5 pb-4">
  26.                     <div class="breadcrumbs mt-3">
  27.                         <a href="/">{{ "Home"|trans }}</a>
  28.                      / 
  29.                         {{ document.key }}
  30.                     </div>
  33.                     <h1 class="my-3">{{ pimcore_input("headline", {"placeholder":"Headline", "width": 600}) }}</h1>
  37.                     {% for blog in blogListing %}
  38.                         
  39.                         <div class="row mb-4 newslist">
  40.                                 <div class="col-2 d-flex flex-column justify-content-center">
  41.                         {% if blog.parent.getProperty('blog_icon') %}
  43.                                             {{ blog.parent.getProperty('blog_icon').thumbnail('blogicon').html({'imgAttributes': {
  44.                                             'class': 'blogimg',
  45.                                             'alt': blog.parent.properties.blog_title.data,
  46.                                            },}) | raw }}
  47.                                         {% endif %}
  48.                             </div>
  50.                             <div class="col-10">
  53.                                 <span class="rdate pt-2">
  54.                                     {{ blog.pubDate|date("D j M Y") }}
  55.                                         {% if blog.parent.getProperty('blog_title') %}
  56.                                             -
  57.                                             {{ blog.parent.getProperty('blog_title') }}
  58.                                         {% endif %}
  59.                                 </span>
  62.                                 <h2>
  63.                                     <a class="listlink bluelink stretched-link" href="{{ blog.link }}" target="_blank">{{ blog.title|striptags|raw }}</a>
  64.                                 </h2>
  65.                                 <p>
  66.                                 {{ blog.description|length > 200 ? blog.description|striptags|slice(0, 197)|trim|raw ~ '...' : blog.description|striptags|raw  }}
  67.         
  68.                                 </p>
  71.                             </div>
  72.                         </div>
  73.                     {% endfor %}
  77.         
  78.                 {% include 'includes/pagination.html.twig' %}
  80.             </div>
  83.         </div>
  84.     </div>
  85. </main>{% endblock %}