templates/categories/list.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}Liste des produits de la catégorie {{ category.name }}{% endblock %}
  5. {% block body %}
  6.   <main class="container">
  7.     <section >
  8.       <h1>Liste des produits de la catégorie {{ category.name }}</h1>
  10.       {% if products is not empty %}
  11.         <div class="row">
  12.           {% for product in products.data %}
  13.           <div class="col-md-4 my-2 d-flex">
  14.             <article class="card h-100">
  15.               {% if product.images is not empty %}
  16.                 <img src="{{ asset('assets/uploads/products/mini/300X300-' ~ product.images[0].name ) }}" class="card-img-top" alt="{{ product.name }}">
  17.               {% endif %}
  18.               <div class="card-body">
  19.                 <h2 class="card-title">{{ product.name }}</h2>
  20.                 <p class="card-text">{{ product.description }}</p>
  21.                 <a href="{{ path('products_details', 
  22.                 {"slug": product.slug}) }}" class="btn btn-primary">Voir les détails</a>
  23.               </div>
  24.             </article>
  25.           </div>     
  26.           {% endfor %}
  27.         </div>
  28.           {% set path = 'categories_list' %}
  29.           {% set slug = category.slug %}
  30.           {% set pages = products.pages %}
  31.           {% set currentPage = products.page %}
  32.           {% include "_partials/_pagination.html.twig" %}
  34.       {% else %}
  35.         <div class="row">
  36.           {# <p>Il n'y a pas de produits appartenant à cette catégorie en stock actuellement</p> #}
  37.           <div class="col-md-4 my-2 d-flex">
  38.             <article class="card h-100">
  39.               <img src="" class="card-img-top" alt="">
  40.               <div class="card-body">
  41.                 <h2 class="card-title"></h2>
  42.                 <p class="card-text">Il n'y a pas de produits appartenant à cette catégorie en stock actuellement</p>
  43.               </div>
  44.             </article>
  45.           </div>  
  46.         </div>
  47.       {% endif %}    
  48.     </section>
  49.   </main>
  50. {% endblock %}