templates/exposant/product_by_category.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block modal %}
  4.     <div class="modal fade custom-modal" id="quickViewModal" tabindex="-1" aria-labelledby="quickViewModalLabel" aria-hidden="true">
  5.         <div class="modal-dialog">
  6.             <div class="modal-content">
  7.                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  8.                 <div class="modal-body">
  9.                     <div class="row">
  10.                         <div class="col-md-6 col-sm-12 col-xs-12 mb-md-0 mb-sm-5">
  11.                             <div class="detail-gallery">
  12.                                 <span class="zoom-icon"><i class="fi-rs-search"></i></span>
  13.                                 <!-- MAIN SLIDES -->
  14.                                 <div class="product-image-slider">
  15.                                     <figure class="border-radius-10">
  16.                                         <img src="assets/imgs/shop/product-16-2.jpg" alt="product image" />
  17.                                     </figure>
  18.                                     <figure class="border-radius-10">
  19.                                         <img src="assets/imgs/shop/product-16-1.jpg" alt="product image" />
  20.                                     </figure>
  21.                                     <figure class="border-radius-10">
  22.                                         <img src="assets/imgs/shop/product-16-3.jpg" alt="product image" />
  23.                                     </figure>
  24.                                     <figure class="border-radius-10">
  25.                                         <img src="assets/imgs/shop/product-16-4.jpg" alt="product image" />
  26.                                     </figure>
  27.                                     <figure class="border-radius-10">
  28.                                         <img src="assets/imgs/shop/product-16-5.jpg" alt="product image" />
  29.                                     </figure>
  30.                                     <figure class="border-radius-10">
  31.                                         <img src="assets/imgs/shop/product-16-6.jpg" alt="product image" />
  32.                                     </figure>
  33.                                     <figure class="border-radius-10">
  34.                                         <img src="assets/imgs/shop/product-16-7.jpg" alt="product image" />
  35.                                     </figure>
  36.                                 </div>
  37.                                 <!-- THUMBNAILS -->
  38.                                 <div class="slider-nav-thumbnails">
  39.                                     <div><img src="assets/imgs/shop/thumbnail-3.jpg" alt="product image" /></div>
  40.                                     <div><img src="assets/imgs/shop/thumbnail-4.jpg" alt="product image" /></div>
  41.                                     <div><img src="assets/imgs/shop/thumbnail-5.jpg" alt="product image" /></div>
  42.                                     <div><img src="assets/imgs/shop/thumbnail-6.jpg" alt="product image" /></div>
  43.                                     <div><img src="assets/imgs/shop/thumbnail-7.jpg" alt="product image" /></div>
  44.                                     <div><img src="assets/imgs/shop/thumbnail-8.jpg" alt="product image" /></div>
  45.                                     <div><img src="assets/imgs/shop/thumbnail-9.jpg" alt="product image" /></div>
  46.                                 </div>
  47.                             </div>
  48.                             <!-- End Gallery -->
  49.                         </div>
  50.                         <div class="col-md-6 col-sm-12 col-xs-12">
  51.                             <div class="detail-info pr-30 pl-30">
  52.                                 <span class="stock-status out-stock"> Sale Off </span>
  53.                                 <h3 class="title-detail"><a href="shop-product-right.html" class="text-heading">Seeds of Change Organic Quinoa, Brown</a></h3>
  54.                                 <div class="product-detail-rating">
  55.                                     <div class="product-rate-cover text-end">
  56.                                         <div class="product-rate d-inline-block">
  57.                                             <div class="product-rating" style="width: 90%"></div>
  58.                                         </div>
  59.                                         <span class="font-small ml-5 text-muted"> (32 reviews)</span>
  60.                                     </div>
  61.                                 </div>
  62.                                 <div class="clearfix product-price-cover">
  63.                                     <div class="product-price primary-color float-left">
  64.                                         <span class="current-price text-brand">$38</span>
  65.                                         <span>
  66.                                                 <span class="save-price font-md color3 ml-15">26% Off</span>
  67.                                                 <span class="old-price font-md ml-15">$52</span>
  68.                                             </span>
  69.                                     </div>
  70.                                 </div>
  71.                                 <div class="detail-extralink mb-30">
  72.                                     <div class="detail-qty border radius">
  73.                                         <a href="#" class="qty-down"><i class="fi-rs-angle-small-down"></i></a>
  74.                                         <span class="qty-val">1</span>
  75.                                         <a href="#" class="qty-up"><i class="fi-rs-angle-small-up"></i></a>
  76.                                     </div>
  77.                                     <div class="product-extra-link2">
  78.                                         <button type="submit" class="button button-add-to-cart"><i class="fi-rs-shopping-cart"></i>Add to cart</button>
  79.                                     </div>
  80.                                 </div>
  81.                                 <div class="font-xs">
  82.                                     <ul>
  83.                                         <li class="mb-5">Vendor: <span class="text-brand">Nest</span></li>
  84.                                         <li class="mb-5">MFG:<span class="text-brand"> Jun 4.2021</span></li>
  85.                                     </ul>
  86.                                 </div>
  87.                             </div>
  88.                             <!-- Detail Info -->
  89.                         </div>
  90.                     </div>
  91.                 </div>
  92.             </div>
  93.         </div>
  94.     </div>
  95. {% endblock %}
  97. {% block body %}
  98.     <main class="main">
  99.             <div class="page-header mt-30 mb-50">
  100.                 <div class="container">
  101.                     <div class="archive-header">
  102.                         <div class="row align-items-center">
  103.                             <div class="col-xl-6">
  104.                                 <h1 class="mb-15">{{ category.libele }}</h1>
  105.                                 <div class="breadcrumb">
  106.                                     <a href="{{ path('app_accueil') }}" rel="nofollow"><i class="fi-rs-home mr-5"></i>Accueil</a>
  107.                                     <span></span> Catégories <span></span> {{ category.libele }}
  108.                                 </div>
  109.                             </div>
  110.                             
  111.                         </div>
  112.                     </div>
  113.                 </div>
  114.             </div>
  115.             <div class="container mb-30">
  116.                 <div class="row flex-row-reverse">
  117.                     <div class="col-lg-4-5">
  118.                         <div class="shop-product-fillter">
  119.                             <div class="totall-product">
  120.                                 <p> <strong class="text-brand">{{ category.produits|length }}</strong> produits</p>
  121.                             </div>
  122.                         </div>
  123.                         <div class="row product-grid">
  124.                         {% for produit in produits %}
  125.                             <div class="col-lg-1-5 col-md-4 col-12 col-sm-6">
  126.                                 <div class="product-cart-wrap mb-30">
  127.                                     <div class="product-img-action-wrap">
  128.                                         <div class="product-img product-img-zoom">
  129.                                             <a href="shop-product-right.html">
  130.                                                 <img class="default-img" src="{{ asset('produits/' ~ produit.images|first) }}" alt="" />
  131.                                                 <img class="hover-img" src="{{ asset('produits/' ~ produit.images|first) }}" alt="" />
  132.                                             </a>
  133.                                         </div>
  134.                                         <div class="product-action-1">
  135.                                             <a aria-label="Quick view" class="action-btn" data-bs-toggle="modal" data-bs-target="#quickViewModal"><i class="fi-rs-eye"></i></a>
  136.                                         </div>
  137.                                     </div>
  138.                                     <div class="product-content-wrap">
  139.                                         <div class="product-category">
  140.                                             <a href="#">{{ produit.categories }}</a>
  141.                                         </div>
  142.                                         <h2><a href="">{{ produit.libele }}</a></h2>
  143.                                         <div>
  144.                                             <span class="font-small text-muted">Par <a href="{{ path('app_show_exposant', {'slug': produit.entreprise.slug}) }}">{{ produit.entreprise.nom }}</a></span>
  145.                                         </div>
  146.                                         <div class="product-card-bottom">
  147.                                             <div class="product-price">
  148.                                                 <span>{{ produit.prix }} FCFA</span>
  149.                                             </div>
  150.                                             <div class="add-cart">
  151.                                                 <a class="add" href="{{ path('app_product_detail', {'slug': produit.slug}) }}"><i class="fi-rs-info mr-5"></i>Plus d'infos </a>
  152.                                             </div>
  153.                                         </div>
  154.                                     </div>
  155.                                 </div>
  156.                             </div>
  157.                         {% else %}
  158.                             <h2> Aucun produit de cette catégorie disponible </h2>
  159.                         {% endfor %}
  161.                         </div>
  162.                         <!--product grid-->
  163.                         {{ knp_pagination_render(produits, 'paginations/pagination.html.twig') }}
  164.                     </div>
  165.                     <div class="col-lg-1-5 primary-sidebar sticky-sidebar">
  166.                         <div class="sidebar-widget widget-category-2 mb-30">
  167.                             <h5 class="section-title style-1 mb-30">Catégories</h5>
  168.                             <ul>
  169.                                 {% for categorie in categories %}
  170.                             <li>
  171.                                 <a href="{{ path('app_category', {'slug': categorie.slug}) }}"> <img src="#" alt=""/>{{ categorie.libele}}</a><span
  172.                             </li>
  173.                             {% endfor %}
  174.                             </ul>
  175.                         </div>
  176.                     </div>
  177.                 </div>
  178.             </div>
  179.         </main>
  180. {% endblock %}