templates/accueil/produit.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  4.     <main class="main">
  5.         <div class="page-header breadcrumb-wrap">
  6.             <div class="container">
  7.                 <div class="breadcrumb">
  8.                     <a href="{{ path('app_accueil') }}" rel="nofollow"><i class="fi-rs-home mr-5"></i>Accueil</a>
  9.                     <span></span> <a href="#">Nos produits</a> <span></span> {{ produit.nom }}
  10.                 </div>
  11.             </div>
  12.         </div>
  13.         <div class="container mb-30">
  15.             <div class="product-detail accordion-detail">
  16.                 <div class="row mb-50 mt-30">
  17.                     <div class="col-md-6 col-sm-12 col-xs-12 mb-md-0 mb-sm-5">
  18.                         <div class="detail-gallery">
  19.                             <span class="zoom-icon"><i class="fi-rs-search"></i></span>
  20.                             <div class="detail-gallery">
  21.                                 <span class="zoom-icon"><i class="fi-rs-search"></i></span>
  22.                                 <!-- MAIN SLIDES -->
  23.                                 <div class="product-image-slider">
  24.                                     {% for image in produit.images %}
  25.                                         <figure class="border-radius-10">
  26.                                             <img src="{{ asset('uploads/images/produits/' ~ image) }}" alt="product image" />
  27.                                         </figure>
  28.                                     {% endfor %}
  29.                                 </div>
  30.                                 <!-- THUMBNAILS -->
  31.                                 <div class="slider-nav-thumbnails">
  32.                                     {% for image in produit.images %}
  33.                                         <div><img src="{{ asset('uploads/images/produits/' ~ image) }}" alt="{{ produit.nom }}" /></div>
  34.                                     {% endfor %}
  35.                                 </div>
  36.                             </div>
  37.                             <!-- End Gallery -->
  38.                         </div>
  39.                         <!-- End Gallery -->
  40.                     </div>
  41.                     <div class="col-md-6 col-sm-12 col-xs-12">
  42.                         <div class="detail-info pr-30 pl-30">
  43.                             {# <span class="stock-status out-stock"> Sale Off </span> #}
  44.                             <h2 class="title-detail">{{ produit.nom }}</h2>
  45.                             {# <div class="product-detail-rating"> #}
  46.                             {# <div class="product-rate-cover text-end"> #}
  47.                             {# <div class="product-rate d-inline-block"> #}
  48.                             {# <div class="product-rating" style="width: 90%"></div> #}
  49.                             {# </div> #}
  50.                             {# <span class="font-small ml-5 text-muted"> (32 reviews)</span> #}
  51.                             {# </div> #}
  52.                             {# </div> #}
  53.                             <div class="clearfix product-price-cover">
  54.                                 <div class="product-price primary-color float-left">
  55.                                     <span class="current-price text-brand">{{ produit.prix |number_format(0, ' ', ' ')}} FCFA /
  56.                                         {% if produit.id ==  27 or  produit.id ==  25 %}
  57.                                             Kg
  58.                                             {% else %}
  59.                                             g
  60.                                         {% endif %}
  61.                                         </span>
  62.                                     {# <span> #}
  63.                                     {# <span class="save-price font-md color3 ml-15">26% Off</span> #}
  64.                                     {# <span class="old-price font-md ml-15">$52</span> #}
  65.                                     {# </span> #}
  66.                                 </div>
  67.                             </div>
  68.                             <div class="short-desc mb-30">
  69.                                 <p class="font-lg">
  70.                                     {{ produit.description }}
  71.                                 </p>
  72.                             </div>
  74.                             <div class="detail-extralink mb-50">
  75.                                 {# <div class="detail-qty border radius"> #}
  76.                                 {# <a href="#" class="qty-down"><i class="fi-rs-angle-small-down"></i></a> #}
  77.                                 {# <span class="qty-val">1</span> #}
  78.                                 {# <a href="#" class="qty-up"><i class="fi-rs-angle-small-up"></i></a> #}
  79.                                 {# </div> #}
  80.                                 <div class="product-extra-link2">
  81.                                     <a href="{{ path('ajout_panier',{'id': produit.id}) }}">
  84.                                     <button  class="button button-add-to-cart"><i
  85.                                                 class="fi-rs-shopping-cart"></i>Ajoutez au panier
  86.                                     </button>
  87.                                     </a>
  88.                                     {# <a aria-label="Add To Wishlist" class="action-btn hover-up" href="shop-wishlist.html"><i class="fi-rs-heart"></i></a> #}
  89.                                     {# <a aria-label="Compare" class="action-btn hover-up" href="shop-compare.html"><i class="fi-rs-shuffle"></i></a> #}
  90.                                 </div>
  91.                             </div>
  92.                             <div class="font-xs">
  93.                                 <ul class="mr-50 float-start">
  94.                                     <li class="mb-5">Catégorie : <span class="text-brand">Organic</span></li>
  96.                                 </ul>
  97.                                 {# <ul class="float-start"> #}
  98.                                 {# <li class="mb-5">SKU: <a href="#">FWM15VKT</a></li> #}
  99.                                 {# <li class="mb-5">Tags: <a href="#" rel="tag">Snack</a>, <a href="#" rel="tag">Organic</a>, <a href="#" rel="tag">Brown</a></li> #}
  100.                                 {# <li>Stock:<span class="in-stock text-brand ml-5">8 Items In Stock</span></li> #}
  101.                                 {# </ul> #}
  102.                             </div>
  103.                         </div>
  104.                         <!-- Detail Info -->
  105.                     </div>
  106.                 </div>
  108.                 <div class="row mt-60">
  109.                     <div class="col-12">
  110.                         <h2 class="section-title style-1 mb-30">Les visiteurs ont également acheté</h2>
  111.                     </div>
  112.                     <div class="col-12">
  113.                         <div class="row related-products">
  115.                             {% for prod in produits %}
  116.                                 <div class="col-lg-3 col-md-4 col-12 col-sm-6">
  117.                                     <div class="product-cart-wrap hover-up">
  118.                                         <div class="product-img-action-wrap">
  119.                                             <div class="product-img product-img-zoom">
  120.                                                 <a href="{{ path('app_accueil_show_produit',{'slug': prod.slug}) }}" tabindex="0">
  121.                                                     <img class="default-img" src="{{ asset('uploads/images/produits/'~ prod.images| first) }}" alt="">
  122.                                                     <img class="hover-img" src="{{ asset('uploads/images/produits/'~ prod.images| last) }}" alt="">
  123.                                                 </a>
  124.                                             </div>
  125.                                             <div class="product-action-1">
  126.                                                 <a aria-label="Quick view" class="action-btn small hover-up"
  127.                                                    data-bs-toggle="modal" data-bs-target="#quickViewModal"><i
  128.                                                             class="fi-rs-search"></i></a>
  130.                                             </div>
  131.                                             <div class="product-badges product-badges-position product-badges-mrg">
  132. {#                                                <span class="hot">Hot</span>#}
  133.                                             </div>
  134.                                         </div>
  135.                                         <div class="product-content-wrap">
  136.                                             <h2><a href="{{ path('app_accueil_show_produit',{'slug': prod.slug}) }}" tabindex="0">{{ prod.nom }}</a>
  137.                                             </h2>
  138. {#                                            <div class="rating-result" title="90%">#}
  139. {#                                                <span> </span>#}
  140. {#                                            </div>#}
  141.                                             <div class="product-price">
  142.                                                 <span>{{ prod.prix |number_format(0, ' ', ' ')}} FCFA </span>
  143. {#                                                <span class="old-price">$245.8</span>#}
  144.                                             </div>
  145.                                         </div>
  146.                                     </div>
  147.                                 </div>
  148.                             {% endfor %}
  151.                         </div>
  152.                     </div>
  153.                 </div>
  154.             </div>
  156.         </div>
  157.     </main>
  158. {% endblock %}