templates/accueil/partials/_meilleur_produits.html.twig line 1

Open in your IDE?
  1. <section class="product-tabs section-padding position-relative">
  2.                 <div class="container">
  3.                     <div class="section-title style-2">
  4.                         <h3>Nos produits</h3>
  5.                         <ul class="nav nav-tabs links" id="myTab" role="tablist">
  6.                             <li class="nav-item" role="presentation">
  7.                                 <button class="nav-link active" id="nav-tab-one" data-bs-toggle="tab" data-bs-target="#tab-one" type="button" role="tab" aria-controls="tab-one" aria-selected="true">Tous</button>
  8.                             </li>
  9.                             <li class="nav-item" role="presentation">
  10.                                 <button class="nav-link" id="nav-tab-two" data-bs-toggle="tab" data-bs-target="#tab-two" type="button" role="tab" aria-controls="tab-two" aria-selected="false">Gari</button>
  11.                             </li>
  12.                             <li class="nav-item" role="presentation">
  13.                                 <button class="nav-link" id="nav-tab-two" data-bs-toggle="tab" data-bs-target="#tab-two" type="button" role="tab" aria-controls="tab-two" aria-selected="false">Tapioca</button>
  14.                             </li>
  15.                             <li class="nav-item" role="presentation">
  16.                                 <button class="nav-link" id="nav-tab-three" data-bs-toggle="tab" data-bs-target="#tab-three" type="button" role="tab" aria-controls="tab-three" aria-selected="false">Farime</button>
  17.                             </li>
  18.                             
  19.                         </ul>
  20.                     </div>
  21.                     <!--End nav-tabs-->
  22.                     <div class="tab-content" id="myTabContent">
  23.                         <div class="tab-pane fade show active" id="tab-one" role="tabpanel" aria-labelledby="tab-one">
  24.                             <div class="row product-grid-4">
  25.                                 {% for produit in produits %}
  26.                                     <div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
  27.                                         <div class="product-cart-wrap mb-30">
  28.                                             <div class="product-img-action-wrap">
  29.                                                 <div class="product-img product-img-zoom">
  30.                                                     <a href="{{ path('app_accueil_show_produit',{'slug': produit.slug}) }}">
  31.                                                         <img class="default-img" src="{{ asset('uploads/images/produits/'~ produit.images| last) }}" alt="">
  32.                                                         <img class="hover-img" src="{{ asset('uploads/images/produits/'~ produit.images| last) }}" alt="">
  33.                                                     </a>
  34.                                                 </div>
  35.                                                 <div class="product-action-1">
  36.                                                     {# <a aria-label="Add To Wishlist" class="action-btn" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a>
  37.                                                     <a aria-label="Compare" class="action-btn" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a>
  38.                                                      #}
  39.                                                 <a aria-label="Aperçu rapide" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
  40.                                                 </div>
  41.                                                 {# <div class="product-badges product-badges-position product-badges-mrg">
  42.                                                     <span class="hot">Hot</span>
  43.                                                 </div> #}
  44.                                             </div>
  45.                                             <div class="product-content-wrap">
  46.                                                 <div class="product-category">
  47.                                                     <a href="{{ path('app_accueil_nos_produit') }}"></a>
  48.                                                 </div>
  49.                                                 <h2><a href="{{ path('app_accueil_show_produit',{'slug': produit.slug}) }}">{{ produit.nom }}</a></h2>
  50.                                                 {# <div class="product-rate-cover">
  51.                                                     <div class="product-rate d-inline-block">
  52.                                                         <div class="product-rating" style="width: 90%"></div>
  53.                                                     </div>
  54.                                                     <span class="font-small ml-5 text-muted"> (4.0)</span>
  55.                                                 </div> #}
  57.                                                 <div class="product-card-bottom">
  58.                                                     <div class="product-price">
  59.                                                         <span>{{ produit.prix |number_format(0, ' ', ' ') }} FCFA /
  60.                                                          {% if produit.id == 27  or  produit.id ==  25 %}
  61.                                                              Kg
  62.                                                          {% else %}
  63.                                                              kg
  64.                                                          {% endif %}
  65.                                                         </span>
  66.                                                         {# <span class="old-price">$32.8</span> #}
  67.                                                     </div>
  69.                                                 </div>
  70.                                                 <div class="product-card-bottom">
  71.                                                 <div class="add-cart">
  72.                                                     <a class="add" href="{{ path('ajout_panier',{'id': produit.id}) }}"><i class="fi-rs-shopping-cart mr-5"></i>Ajouter </a>
  73.                                                 </div>
  74.                                                 </div>
  75.                                             </div>
  76.                                         </div>
  77.                                     </div>
  78.                                 {% endfor %}
  80.                                
  81.                         </div>
  82.                        
  83.                     </div>
  84.                     <!--End tab-content-->
  85.                 </div>
  86.             </section>