src/Flexy/FrontBundle/templates/vendors/singleVendor.html.twig line 1

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