src/Flexy/FrontBundle/templates/categories/announceCategoryProduct.html.twig line 1

Open in your IDE?
  1. {% extends "@Flexy/FrontBundle/templates/layout.html.twig"  %}
  3. {% block body %}
  4.        <div class="body-wrapper">
  6.             <!-- Begin Li's Breadcrumb Area -->
  7.             <div class="breadcrumb-area d-none">
  8.                 <div class="container">
  9.                     <div class="breadcrumb-content">
  10.                         <ul>
  11.                             <li><a href="index.html">Home</a></li>
  12.                             <li class="active">Shop List Right Sidebar</li>
  13.                         </ul>
  14.                     </div>
  15.                 </div>
  16.             </div>
  17.             <!-- Li's Breadcrumb Area End Here -->
  18.             <!-- Begin Li's Content Wraper Area -->
  19.             <div class="content-wraper pt-60 pb-60">
  20.                 <div class="container">
  21.                     <div class="row">
  24.                         {% set colBody = "col-lg-12" %}
  26.                         
  28.                         
  30.                         <div class="{{colBody}} order-2 order-lg-1">
  31.                             <!-- Begin Li's Banner Area -->
  32.                                 
  33.                             
  34.                              
  37.                             <!-- Li's Banner Area End Here -->
  38.                             <!-- shop-top-bar start -->
  39.                             <div class="shop-top-bar mt-30">
  40.                                 <div class="shop-bar-inner">
  41.                                     <div class="product-view-mode">
  42.                                         <!-- shop-item-filter-list start -->
  43.                                         <ul class="nav shop-item-filter-list" role="tablist">
  44.                                             <li role="presentation"><a data-toggle="tab" role="tab" aria-controls="grid-view" href="#grid-view"><i class="fa fa-th"></i></a></li>
  45.                                             <li class="active" role="presentation"><a aria-selected="true" class="active show" data-toggle="tab" role="tab" aria-controls="list-view" href="#list-view"><i class="fa fa-th-list"></i></a></li>
  46.                                         </ul>
  47.                                         <!-- shop-item-filter-list end -->
  48.                                     </div>
  49.                                     <div class="toolbar-amount">
  50.                                         <p> {{ products.getTotalItemCount }} (Produits)</p>
  51.                                     </div>
  52.                                 </div>
  53.                                 <!-- product-select-box start -->
  54.                                 <div class="product-select-box">
  55.                                     <div class="product-short">
  56.                                         <p>Lister par:</p>
  57.                                         <select class="nice-select">
  58.                                             <option value="trending">Les nouveaux</option>
  59.                                             <option value="sales">Nom (A - Z)</option>
  60.                                             <option value="sales">Nom (Z - A)</option>
  61.                                             <option value="rating">Prix (Low &gt; High)</option>
  62.                                             <option value="date">Avis (Lowest)</option>
  63.                                             <option value="price-asc">Model (A - Z)</option>
  64.                                             <option value="price-asc">Model (Z - A)</option>
  65.                                         </select>
  66.                                     </div>
  67.                                 </div>
  68.                                 <!-- product-select-box end -->
  69.                             </div>
  70.                             <!-- shop-top-bar end -->
  71.                             <!-- shop-products-wrapper start -->
  72.                             <div class="shop-products-wrapper">
  73.                                 <div class="tab-content">
  76.                                     <div id="grid-view" class="tab-pane fade " role="tabpanel">
  77.                                         <div class="product-area shop-product-area">
  78.                                             <div class="row">
  79.                                             {% for singleProduct in products %}
  80.                                                 <div class="col-lg-3 col-md-3 col-sm-6 mt-40">
  81.                                                     <!-- single-product-wrap start -->
  82.                                                     
  83.                                                  {% 
  84.                                         include "@Flexy/FrontBundle/templates/announce/singleAnnounce/_singleAnnounce.html.twig" with
  85.                                         {
  86.                                             singleAnnounce:singleProduct,
  87.                                             isDeal:true
  88.                                         }
  89.                                          %} 
  91.                                                         
  92.                                                 
  93.                                             
  95.                                                
  96.                                                     <!-- single-product-wrap end -->
  97.                                                 </div>
  98.                                                  {% endfor %}
  100.                                             </div>
  101.                                         </div>
  102.                                     </div>
  105.                                     <div id="list-view" class="tab-pane fade product-list-view active show" role="tabpanel">
  106.                                         <div class="row">
  107.                                             <div class="col">
  108.                                                
  109.                                                 {% for singleProduct in products %}
  110.                                                
  112.                                                         
  113.                                               {% 
  114.                                         include "@Flexy/FrontBundle/templates/announce/singleAnnounce/_singleAnnounce.html.twig" with
  115.                                         {
  116.                                             singleAnnounce:singleProduct,
  117.                                             isDeal:true
  118.                                         }
  119.                                          %} 
  120.   
  122.                                                 {% endfor %}
  123.                                             </div>
  124.                                         </div>
  125.                                     </div>
  126.                                     <div class="paginatoin-area">
  127.                                         <div class="row">
  128.                                             <div class="col-lg-6 col-md-6">
  129.                                                 <p> {{ products.getTotalItemCount }} (Produits)</p>
  130.                                             </div>
  131.                                             <div class="col-lg-6 col-md-6 menu-item">
  132.                                                 {{ knp_pagination_render(products) }}
  133.                                             </div>
  134.                                         </div>
  135.                                     </div>
  136.                                 </div>
  137.                             </div>
  138.                             <!-- shop-products-wrapper end -->
  139.                         </div>
  141.                        
  143.                       {# <div class="col-lg-3 order-1 order-lg-2">
  144.                             
  145.                             {{render(path('front_sideBarFilter',{filter:app.request.get("filter")}))}}
  146.                         </div>  #}
  149.                         
  151.                         
  154.                     </div>
  155.                 </div>
  156.             </div>
  157.             <!-- Content Wraper Area End Here -->
  160.         </div>
  162. {% endblock %}
  166.    {% block javascripts %}
  167.         {{parent()}}
  168.         <script>
  169.             $(".shop-item-filter-list a").click(function(){
  170.                 var cible = $(this).attr("aria-controls");
  171.                 $(".tab-pane").removeClass("active show");
  172.                 $("#"+cible).addClass("active show");
  174.             });
  175.         </script>
  178.     {% endblock %}