templates/front/blog/by_category.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %} {{ category.name }} | {{ parent() }} {% endblock %}
  5. {% block body %}
  6. <div class="breadcrumbs-fs fl-wrap">
  7.     <div class="container">
  8.         <div class="breadcrumbs fl-wrap">
  9.             <a href="{{ url('app_front_blog') }}">Blog</a><span>{{ category.name }}</span>
  10.         </div>
  11.     </div>
  12. </div>
  13. <section class="grey-blue-bg small-padding">
  14.     <div class="container">
  15.         <div class="row">
  16.             <div class="col-md-8">
  17.                 <div class="post-container fl-wrap">
  18.                     {% if articles.totalItemCount > 0 %} 
  19.                         {% for article in articles %}
  20.                         <article class="post-article">
  21.                             <div class="title-devis">
  22.                                 <span>{{ article.title }}</span>
  23.                             </div>
  25.                             <div class="list-single-main-media fl-wrap">
  26.                                 <div class="single-slider-wrapper fl-wrap">
  27.                                     <div class="single-slider fl-wrap">
  28.                                         <div class="slick-slide-item">
  29.                                             {% if article.image %}
  30.                                             <img src="{{ asset('/uploads/files/articles/' ~ article.image) | imagine_filter('806x250') }}" alt="{{ article.title }}">
  31.                                             {% else %}
  32.                                             <img src="{{ asset('front/images/all/ryvup.jpeg') | imagine_filter('806x250') }}" alt="{{ article.title }}">
  33.                                             {% endif %}
  34.                                         </div>
  35.                                     </div>
  36.                                 </div>
  37.                             </div>
  38.                             <div class="list-single-main-item fl-wrap">
  39.                                 <p>
  40.                                     {% if article.content | length > 410 %}
  41.                                     {{ article.content|slice(0,410)|raw }} ...
  42.                                     {% else %}
  43.                                     {{ article.content|slice(0,410)|raw }}
  44.                                     {% endif %}
  45.                                 </p>
  46.                                 <div class="post-opt">
  47.                                     <ul>
  48.                                         <li><i class="fal fa-calendar"></i> <span>{{ article.createdAt | format_datetime(locale='fr', pattern="dd MMMM YYYY") }}</span></li>
  49.                                         <li><i class="fal fa-share-alt"></i> <span>RYVUP</span></li>
  50.                                     </ul>
  51.                                 </div>
  52.                                 {% if article.content | length > 410 %}
  53.                                 <span class="fw-separator"></span>
  54.                                 <a href="{{ url('app_front_blog_read', {'cat_slug': article.category.slug, 'slug': article.slug}) }}" class="btn float-btn color-bg">Lire la suite<i class="fal fa-angle-right"></i></a>
  55.                                 {% endif %}
  56.                             </div>
  57.                         </article>
  58.                         {% endfor %}
  59.                     {% endif %}
  61.                     {{ knp_pagination_render(articles) }}
  62.                 </div>
  63.             </div>
  65.             <div class="col-md-4">
  66.                 <div class="box-widget-wrap fl-wrap fixed-bar">
  67.                     <div class="box-widget-item fl-wrap">
  68.                         <div class="box-widget">
  69.                             <div class="box-widget-content">
  70.                                 <div class="box-widget-item-header mb-3">
  71.                                     <h3> Demander un devis </h3>
  72.                                 </div>
  73.                                 <div class="text-left">
  74.                                     <p>Location d'autocar, minibus, voiture privée et sanitaire avec chauffeur pour tous vos déplacements</p>
  75.                                     <p>Avec Ryvup, trouver votre transport sur mesure !</p>
  76.                                 </div>
  77.                                 <div class="text-left">
  78.                                     <a href="{{ url('app_client_home') }}" class="btn color2-bg mt-3">
  79.                                        Devis immédiat
  80.                                        <i class="fal fa-angle-right"></i>
  81.                                     </a>
  82.                                 </div>
  83.                             </div>
  84.                         </div>
  85.                     </div>
  87.                     <div class="box-widget-item fl-wrap">
  88.                         <div class="box-widget">
  89.                             <div class="box-widget-content">
  90.                                 <div class="box-widget-item-header">
  91.                                     <h3>Autres catégories</h3>
  92.                                 </div>
  93.                                 <ul class="cat-item">
  94.                                     {% set id = category.id %}
  95.                                     {% for category in categories %}
  96.                                         {% if category.id != id %}
  97.                                         <li><a href="{{ url('app_front_blog_by_category', {'slug': category.slug}) }}" title="{% if category.name | length > 28 %}{{ category.name }}{% endif %}">{% if category.name | length > 28 %}{{ category.name | slice(0,28) }}...{% else %}{{ category.name }}{% endif %}</a> <span>{{ category.articles | length }}</span></li>
  98.                                         {% endif %}
  99.                                     {% endfor %}
  100.                                 </ul>
  101.                             </div>
  102.                         </div>
  103.                     </div>
  104.                 </div>
  105.             </div>
  106.         </div>
  107.     </div>
  108. </section>
  109. {% endblock %}