templates/accueil/categorie_produits.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block body %}
  3.     <main class="main">
  4.         <div class="page-header breadcrumb-wrap">
  5.             <div class="container">
  6.                 <div class="breadcrumb">
  7.                     <a href="{{ path('app_accueil') }}" rel="nofollow"><i class="fi-rs-home mr-5"></i>Accueil</a>
  8.                     <span></span> <a href="#">Nos produits</a> <span></span>
  9.                 </div>
  10.             </div>
  11.         </div>
  12.         <div class="container mb-30 mt-30">
  13.             <div class="row product-grid">
  14.            
  15.                 {% for produit in produits %}
  16.                     <div class="col-xxl-3 col-xl-3 col-lg-4 col-md-4 col-12 col-sm-6">
  17.                     <div class="product-cart-wrap mb-30">
  18.                     <div class="product-img-action-wrap">
  19.                         <div class="product-img product-img-zoom">
  20.                             <a href="{{ path('app_accueil_show_produit',{'slug': produit.slug}) }}">
  21.                                 <img class="default-img" src="{{ asset('uploads/images/produits/'~ produit.images| first) }}" alt="">
  22.                                 <img class="hover-img" src="{{ asset('uploads/images/produits/'~ produit.images| last) }}" alt="">
  23.                             </a>
  24.                         </div>
  25.                         <div class="product-action-1">
  26.                             {# <a aria-label="Add To Wishlist" class="action-btn" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
  27.                             <a aria-label="Compare" class="action-btn" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
  28.                              #}
  29.                         <a aria-label="Aperçu rapide" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
  30.                         </div>
  31.                         {# <div class="product-badges product-badges-position product-badges-mrg">
  32.                             <span class="hot">Hot</span>
  33.                         </div> #}
  34.                     </div>
  35.                     <div class="product-content-wrap">
  36.                         <div class="product-category">
  37.                             <a href="{{ path('app_accueil_nos_produit') }}"></a>
  38.                         </div>
  39.                         <h2><a href="{{ path('app_accueil_show_produit',{'slug': produit.slug}) }}">{{ produit.nom }}</a></h2>
  40.                         {# <div class="product-rate-cover">
  41.                             <div class="product-rate d-inline-block">
  42.                                 <div class="product-rating" style="width: 90%"></div>
  43.                             </div>
  44.                             <span class="font-small ml-5 text-muted"> (4.0)</span>
  45.                         </div> #}
  47.                         <div class="product-card-bottom">
  48.                             <div class="product-price">
  49.                                 <span>{{ produit.prix |number_format(0, ' ', ' ') }} FCFA</span>
  50.                                 {# <span class="old-price">$32.8</span> #}
  51.                             </div>
  52.                             <div class="add-cart">
  53.                                 <a class="add" href="{{ path('ajout_panier',{'id': produit.id}) }}"><i class="fi-rs-shopping-cart mr-5"></i>Ajouter au panier </a>
  54.                             </div>
  55.                         </div>
  56.                     </div>
  57.                 </div>
  58.                     </div>
  59.                 {% endfor %}
  60.             </div>
  61.         
  62.         </div>
  63.     </main>
  64. {% endblock %}