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

Open in your IDE?
  1. {% extends "@Flexy/FrontBundle/templates/layout.html.twig"  %}
  2.     {% block stylesheets %}           
  3.   {{ parent() }}
  4.  
  5.  
  6.    <link rel="stylesheet" href="{{asset('bundles/flexyfront/assets/css/chosen.css')}}">
  7.     <style>
  8.     .chosen-container-single .chosen-single {
  10.     padding: 5px 8px 30px 13px !important;
  11.     border: 1px solid #f5f5f5 !important;
  12.     font-size: 16px !important;
  13.     color: #a0a0a0 !important;
  14.     }
  15.     </style>
  16.       {% endblock %}
  17.  
  19. {% block body %}
  20.        <div class="body-wrapper">
  22.             <!-- Begin Li's Breadcrumb Area -->
  23.             <div class="breadcrumb-area d-none">
  24.                 <div class="container">
  25.                     <div class="breadcrumb-content">
  26.                         <ul>
  27.                             <li><a href="index.html">Home</a></li>
  28.                             <li class="active">Shop List Right Sidebar</li>
  29.                         </ul>
  30.                     </div>
  31.                 </div>
  32.             </div>
  33.             <!-- Li's Breadcrumb Area End Here -->
  34.             <!-- Begin Li's Content Wraper Area -->
  35.             <div class="content-wraper pt-60 pb-60">
  36.                 <div class="container">
  37.                     <div class="row">
  40.                         {% set colBody = "col-lg-9" %}
  42.                         {% if categoryProduct.id == 75 %}
  44.                         {% set colBody = "col-lg-12" %}
  46.                         {% endif %}
  48.                         
  50.                         <div class="{{colBody}} order-2 order-lg-1">
  51.                             <!-- Begin Li's Banner Area -->
  52.                                 {% if categoryProduct.id == 75 %}
  54.                                 <div class="text-center p-3" >
  55.                                         <h2><i class="fa fa-hamburger"></i> O'MALL FOOD</h2>
  56.                                     </div>
  58.                                 {% endif %}
  59.                             
  60.                             {% if categoryProduct.image %}
  61.                             <div class="single-banner shop-page-banner">
  62.                                 <a href="#">
  63.                                     <img src="/uploads/{{asset(categoryProduct.image)}}" alt="">
  64.                                 </a>
  65.                             
  66.                             </div>
  67.                             {% endif %}
  70.                             <!-- Li's Banner Area End Here -->
  71.                             <!-- shop-top-bar start -->
  72.                             <div class="shop-top-bar mt-30">
  73.                                 <div class="shop-bar-inner">
  74.                                     <div class="product-view-mode">
  75.                                         <!-- shop-item-filter-list start -->
  76.                                         <ul class="nav shop-item-filter-list" role="tablist">
  77.                                             <li role="presentation"><a data-toggle="tab" role="tab" aria-controls="grid-view" href="#grid-view"><i class="fa fa-th"></i></a></li>
  78.                                             <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>
  79.                                         </ul>
  80.                                         <!-- shop-item-filter-list end -->
  81.                                     </div>
  82.                                     <div class="toolbar-amount">
  83.                                         <p> {{ products.getTotalItemCount }} (Produits)</p>
  84.                                     </div>
  85.                                 </div>
  86.                                 <!-- product-select-box start -->
  87.                                 <div class="product-select-box">
  88.                                     <div class="product-short">
  89.                                         <p>Lister par:</p>
  90.                                         <select class="nice-select">
  91.                                             <option value="trending">Les nouveaux</option>
  92.                                             <option value="sales">Nom (A - Z)</option>
  93.                                             <option value="sales">Nom (Z - A)</option>
  94.                                             <option value="rating">Prix (Low &gt; High)</option>
  95.                                             <option value="date">Avis (Lowest)</option>
  96.                                             <option value="price-asc">Model (A - Z)</option>
  97.                                             <option value="price-asc">Model (Z - A)</option>
  98.                                         </select>
  99.                                     </div>
  100.                                 </div>
  101.                                 <!-- product-select-box end -->
  102.                             </div>
  103.                             <!-- shop-top-bar end -->
  104.                             <!-- shop-products-wrapper start -->
  105.                             <div class="shop-products-wrapper">
  106.                                 <div class="tab-content">
  107.                                      
  108.  
  109.  
  110.                                     <div id="grid-view" class="tab-pane fade " role="tabpanel">
  111.                                         <div class="product-area shop-product-area">
  112.                                             <div class="row">
  113.                                             {% for singleProduct in categoryProduct.products %}
  114.                                             
  115.                                                 <div class="col-lg-4 col-md-4 col-sm-6 mt-40">
  116.                                                     <!-- single-product-wrap start -->
  117.                                                     
  118.                                                
  119.                                                         
  120.                                                 {% include "@Flexy/FrontBundle/templates/products/includes/_singleProduct.html.twig" with {singleProduct:singleProduct} %}
  122.   
  124.                                                
  125.                                                     <!-- single-product-wrap end -->
  126.                                                 </div>
  127.                                                  {% endfor %}
  129.                                             </div>
  130.                                         </div>
  131.                                     </div>
  134.                                     <div id="list-view" class="tab-pane fade product-list-view active show" role="tabpanel">
  135.                                         <div class="row">
  136.                                             <div class="col">
  137.                                                
  138.                                                 {% for singleProduct in products %}
  139.                                                
  141.                                                         
  142.                                                 {% include "@Flexy/FrontBundle/templates/products/includes/_singleProductListView.html.twig" with {singleProduct:singleProduct} %}
  144.   
  146.                                                 {% endfor %}
  147.                                             </div>
  148.                                         </div>
  149.                                     </div>
  150.                                     <div class="paginatoin-area">
  151.                                         <div class="row">
  152.                                             <div class="col-lg-6 col-md-6">
  153.                                                 <p> {{ products.getTotalItemCount }} (Produits)</p>
  154.                                             </div>
  155.                                             <div class="col-lg-6 col-md-6 menu-item">
  156.                                                 {{ knp_pagination_render(products) }}
  157.                                             </div>
  158.                                         </div>
  159.                                     </div>
  160.                                 </div>
  161.                             </div>
  162.                             <!-- shop-products-wrapper end -->
  163.                         </div>
  165.                     {% if categoryProduct.id != 75 %}        
  167.                         <div class="col-lg-3 order-1 order-lg-2">
  168.                             
  169.                             {{render(path('front_sideBarFilter',{filter:app.request.get("filter")}))}}
  170.                         </div>
  172.                         {% endif %}
  174.                         
  177.                     </div>
  178.                 
  179.                 
  180.                 </div>
  181.                 
  182.             </div>
  183.             <!-- Content Wraper Area End Here -->
  186.         </div>
  187.        
  188. {% endblock %}
  192.    {% block javascripts %}
  193.         {{parent()}}
  194.         <script>
  195.             $(".shop-item-filter-list a").click(function(){
  196.                 var cible = $(this).attr("aria-controls");
  197.                 $(".tab-pane").removeClass("active show");
  198.                 $("#"+cible).addClass("active show");
  200.             });
  201.         </script>
  204.     {% endblock %}