templates/blog/article.html.twig line 1

Open in your IDE?
  1. {% extends base_layout() %}
  3. {% block content %}
  4.     {{ schemaorg('blog', document) }}
  7.     <div
  8.         class="section section-blog-show bg-white py-0">
  9.         {#
  10.         
  11.                 {% if not editmode and not pimcore_image('publicationHeader').isEmpty() %}
  12.                     <div class="blog-image-header position-relative mb-5" style="display: flex;">
  13.                         <img src="{{ pimcore_image('publicationHeader').getThumbnail('blog-thumb') }}" class="blog-image bg-cover img-fluid w-100">
  14.         
  15.                         {% if not pimcore_input("publicationHeaderTitle").isEmpty() %}
  16.                             <div class="d-flex overlay text-center h-100">
  17.                                 <span class="m-auto">{{ pimcore_input("publicationHeaderTitle") }}</span>
  18.                             </div>
  19.                         {% endif %}
  20.                     </div>
  21.                 {% endif %}
  22.         #}
  25.         {% if editmode %}
  26.             <div class="container">
  27.                 <div class="row">
  28.                     <div class="col-12">
  29.                         {% set message = 'Blogfilters' %}
  30.                         {% include 'includes/basicBlocks/admin/message/tip.html.twig' with {'message': message, 'type' : 'info'} %}
  32.                         {{ pimcore_relations("blogFilters", {
  33.                             "types": ["object"],
  34.                             "subtypes": {
  35.                             "object": ["object"]
  36.                         },
  37.                             "classes": ["filterBlog"]
  38.                             }) }}
  39.                     </div>
  40.                 </div>
  41.             </div>
  42.         {% endif %}
  44.         <div class="container">
  45.             <div class="row">
  46.                 <div class="col-12">
  47.                     {% if editmode %}
  48.                         <div class="alert alert-info" role="alert">
  49.                             {% set message = 'Afbeelding' %}
  50.                             {% include 'includes/basicBlocks/admin/message/tip.html.twig' with {'message': message, 'type' : 'info'} %}
  52.                             {{ pimcore_image('publicationHeader', {
  53.                                 "width": 800,
  54.                                 "height": 200,
  55.                                 "thumbnail": "blog-header",
  56.                                 "class": "img-fluid w-100"
  57.                             }) }}
  59.                             {% set message = 'Titel op afbeelding' %}
  60.                             {% include 'includes/basicBlocks/admin/message/tip.html.twig' with {'message': message, 'type' : 'info'} %}
  62.                             {{ pimcore_input("publicationHeaderTitle") }}
  63.                         </div>
  64.                     {% endif %}
  66.                     <div class="row">
  67.                         <div class="col-8">
  68.                             {% if editmode %}
  69.                                 <div class="alert alert-info" role="alert">
  70.                                     {% set message = 'Publicatiedatum' %}
  71.                                     {% include 'includes/basicBlocks/admin/message/tip.html.twig' with {'message': message, 'type' : 'info'} %}
  73.                                     {{ pimcore_date("publicationDate", {
  74.                                         "format": "d m Y",
  75.                                         'outputFormat': "%d.%m.%Y"
  76.                                     }) }}
  77.                                 </div>
  78.                             {% endif %}
  80.                             {% if not editmode %}
  81.                                 <div class="my-3">
  82.                                     <ul class="list-unstyled d-child-inline-block font-size-4 d-inline-block text-black py-2 text-gray after-bullet mt-3 mb-0 m-md-0">
  83.                                         {% if not pimcore_date("publicationDate").isEmpty() %}
  84.                                             {% set publicationDate = pimcore_date("publicationDate").getData() %}
  85.                                             <li>{{ publicationDate|format_date('none', 'd MMMM Y', null, 'gregorian', app.request.locale) }}</li>
  86.                                             {#                                            <li>{{ publicationDate.format('d') }} {{ publicationDate.format('F')|trans }}#}
  87.                                             {#                                            {{ publicationDate.format('Y') }}</li>#}
  88.                                         {% endif %}
  89.                                     </ul>
  90.                                 </div>
  91.                             {% endif %}
  92.                         </div>
  94.                         {#
  95.                                                 <div class="col-4 text-right">
  96.                                                     <div class="my-3 social-icons-blog">
  97.                                                         <span class="font-size-4 text-black">{{ 'Deel dit artikel:'|trans }}</span>
  98.                                                         <div data-network="facebook" class="d-inline st-custom-button">
  99.                                                             <span class="fa-stack fa-sm">
  100.                                                               <i class="fas fa-circle fa-stack-2x"></i>
  101.                                                               <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
  102.                                                             </span>
  103.                                                         </div>
  104.                         
  105.                                                         <div data-network="twitter" class="d-inline st-custom-button">
  106.                                                             <span class="fa-stack fa-sm">
  107.                                                               <i class="fas fa-circle fa-stack-2x"></i>
  108.                                                               <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
  109.                                                             </span>
  110.                                                         </div>
  111.                         
  112.                                                         <div data-network="linkedin" class="d-inline st-custom-button">
  113.                                                             <span class="fa-stack fa-sm">
  114.                                                               <i class="fas fa-circle fa-stack-2x"></i>
  115.                                                               <i class="fa fa-linkedin-in fa-stack-1x fa-inverse"></i>
  116.                                                             </span>
  117.                                                         </div>
  118.                         
  119.                                                         <div data-network="instapaper" class="d-inline st-custom-button">
  120.                                                             <span class="fa-stack fa-sm">
  121.                                                               <i class="fas fa-circle fa-stack-2x"></i>
  122.                                                               <i class="fa fa-instagram fa-stack-1x fa-inverse"></i>
  123.                                                             </span>
  124.                                                         </div>
  125.                         
  126.                                                         <div data-network="email" class="d-inline st-custom-button">
  127.                                                             <span class="fa-stack fa-sm">
  128.                                                               <i class="fas fa-circle fa-stack-2x"></i>
  129.                                                               <i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
  130.                                                             </span>
  131.                                                         </div>
  132.                                                     </div>
  133.                                                 </div>
  134.                                                 #}
  136.                     </div>
  138.                     <div class="row">
  139.                         <div class="col-sm-12">
  140.                             <h1 class="text-uppercase font-size-9">
  141.                                 {{ pimcore_input('articleTitle') }}
  142.                             </h1>
  144.                             <div class="content py-2">
  145.                                 {% if editmode %}
  146.                                     {% set message = 'Korte introtekst' %}
  147.                                     {% include 'includes/basicBlocks/admin/message/tip.html.twig' with {'message': message, 'type' : 'info'} %}
  148.                                 {% endif %}
  150.                                 {{ pimcore_wysiwyg('articleContent') }}
  151.                             </div>
  152.                         </div>
  153.                     </div>
  155.                     <div class="row py-4">
  156.                         <div class="col-12">
  157.                             {{ include('includes/default-content.html.twig') }}
  158.                         </div>
  159.                     </div>
  162.                     <div class="row">
  163.                         <div class="col-12 my-5">
  164.                             <p class="text-center">
  165.                                 <a class="btn btn-primary" href="{% if check_websitesetting('blog_document', 'document') %}{{ inotherlang('LocalizedDocument', pimcore_website_config('blog_document')) }}{% endif %}">
  166.                                     {{ 'Terug naar overzicht'|trans }}
  169.                                 </a>
  170.                             </p>
  171.                         </div>
  172.                     </div>
  173.                 </div>
  174.             </div>
  175.         </div>
  176.     </div>
  177. {% endblock %}