templates/bundles/OdiseoSyliusBlogPlugin/Shop/Article/index.html.twig line 1

  1. {% extends nglayouts.layoutTemplate %}
  2. {% import 'frontend/Macro/pagination.html.twig' as pagination %}
  3. {% block title %}Blog
  4. {% endblock %}
  5. {% block post_header %}
  6.     <!-- section start-->
  7.     {{ render(path('bitbag_sylius_cms_plugin_shop_media_render', {'code' : 'blog_post_header', 'template' : 'frontend/cms/common/media/_header.html.twig'})) }}
  8.     <!-- section start-->
  9. {% endblock %}
  10. {% block body %}
  12.     <section class="news-section">
  13.         <div class="auto-container">
  14.             {% if resources | length > 0 %}
  15.                 <div class="row">
  16.                     {% for article in resources %}
  17.                         <!-- News Block -->
  18.                         <div class="news-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp">
  19.                             <div class="inner-box">
  20.                                 <div class="image-box">
  21.                                     <figure class="image">
  22.                                         <a href="{{ path('odiseo_sylius_blog_plugin_shop_article_show', {'slug' : article.slug}) }}"><img style="height:270px;" src="{{ article.images | length > 0 ? article.images[0].path|imagine_filter(filter|default('sylius_large')): 'https://via.placeholder.com/370x270' }}" alt=""></a>
  23.                                     </figure>
  24.                                     <span class="date">{{ article.createdAt|date('d') }}
  25.                                         <span class="month">{{ article.createdAt|date('M-Y') }}</span> 
  26.                                     </span>
  27.                                 </div>
  28.                                 <div class="lower-content">
  29.                                     <ul class="post-info">
  30.                                         <li>
  31.                                             <i class="fa fa-user-circle"></i>Admin</li>
  32.                                         <li>
  33.                                             <i class="fa fa-comments"></i>
  34.                                             0 Comment</li>
  35.                                     </ul>
  36.                                     <h4 class="title" style="height:100px;">
  37.                                         <a href="{{ path('odiseo_sylius_blog_plugin_shop_article_show', {'slug' : article.slug}) }}">{{article.title|length > 60 ? article.title|slice(0, 50)|raw ~ '...' : article.title}} </a>
  38.                                     </h4>
  39.                                     <div class="text">
  40.                                         {{ article.content | striptags | length > 200 ? article.content|striptags|slice(0, 200)|raw ~ '...' : article.content|striptags|raw }} 
  41.                                     </div>
  42.                                 </div>
  43.                             </div>
  44.                         </div>
  45.                     {% endfor %}
  46.                 </div>
  47.             </div>
  48.         {% endif %}
  49.     </section> 
  50. {% endblock %}