src/Flexy/FrontBundle/templates/brand/singleBrandProduct.html.twig line 1

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