src/Flexy/FrontBundle/templates/deal/index.html.twig line 1

Open in your IDE?
  1. {% extends '@Flexy/FrontBundle/templates/deal/layout.html.twig' %}
  4. {% block stylesheets %}
  5.     {{ parent() }}
  7.     <style>
  8.     .col-lg-2.col-md-2 {
  9.     padding-right: 0px !important;
  10.     padding-left: 5px !important;
  11.     padding-top: 4px !important; 
  12.     }
  14. </style>
  15.      
  16. {% endblock %}
  17.  
  20. {% block body %}
  23.  <!-- Begin Body Wrapper -->
  24.    <div class="slider-with-banner">
  25.                 <div class="container simple-container">
  26.                     <div class="row">
  28.                      <!-- Begin Category Menu  Area -->
  29.                         <div class="col-lg-2 col-md-2" style="padding-left:3px;padding-right:3px;">
  30.                              <!--Category Menu Start-->
  31.                             <div class="category-menu">
  32.                                 <div class="category-heading">
  33.                                     <h2 class="categories-toggle"><span>categories</span></h2>
  34.                                 </div>
  35.                                 <div id="cate-toggle" class="category-menu-list">
  36.                                 {{ knp_menu_render('FlexyShopBundle:CategoryMenuShopBuilder:mainMenu') }}
  38.                                 </div>
  39.                             </div>
  40.                             <!--Category Category Menu End-->
  41.                         </div>
  42.                          
  43.                  
  44.                 
  45.                         <!--  Category Menu end  Here -->
  46.                         <!-- Begin Slider Area -->
  47.                         <div class="col-lg-10 col-md-10" style="height:430px;overflow:hidden;padding-left:3px;padding-right:3px;" >
  48.                             <div class="slider-area">
  49.                                 <div class="slider-active owl-carousel">
  51.                                  <!-- Begin Single Slide Area -->
  52.                                     
  53.                                     <div style="background-image:url('/omall/flash.jpg')" class="single-slide align-center-left  animation-style-01 bg-1">
  54.                                         <div class="slider-progress"></div>
  55.                                         
  56.                                     </div>
  57.                                     <div style="background-image:url('/omall/flash.gif')" class="single-slide align-center-left  animation-style-01 bg-1">
  58.                                         <div class="slider-progress"></div>
  59.                                         
  60.                                     </div>
  61.                                    
  62.                                 </div>
  63.                             </div>
  64.                         </div>
  65.             
  66.                        
  67.                     </div>
  68.                 </div>
  69.             </div>
  70.         <div class="body-wrapper">
  72.          
  75.            
  76.             <!-- Begin Deals Li's Special Product Area  -->
  77.             <section class="product-area-offre li-laptop-product Special-product pt-60 pb-45">
  78.                 <div class="container">
  80.                     
  81.                     <div class="row">
  82.                     
  83.                         
  84.                         <!-- Begin Li's Section Area -->
  85.                         
  86.                         <div class="col-lg-12">
  87.                             <div class="li-section-title">
  88.                                 <h2>
  89.                                     <span>Ventes Flash</span>
  90.                                 </h2>
  91.                             </div>
  92.                             <div class="row">
  93.                                 <div class="special-offers owl-carousel">
  96.                                  {% for singleProduct in deals %}
  97.                                         {% 
  98.                                         include "@Flexy/FrontBundle/templates/products/includes/_singleProduct.html.twig" with
  99.                                         {
  100.                                             singleProduct:singleProduct,
  101.                                             isDeal:false
  102.                                         }
  103.                                          %} 
  104.                                 {% endfor %}
  106.                               
  107.                                 </div>
  108.                             </div>
  109.                         </div>
  110.                         
  111.                         <!-- Li's Section Area End Here -->
  112.                     </div>
  113.                 </div>
  114.             </section>
  115.             <!-- Li's Deals Special Product Area End Here -->
  119.           
  120.            
  122.         </div>
  123.        
  125. {% endblock %}
  128. {% block javascripts %}
  129. {{parent()}}
  131. <script>
  132.         $(".special-offers").owlCarousel({
  133.         loop: true,
  134.         nav: true,
  135.         dots: false,
  136.         autoplay: false,
  137.         autoplayTimeout: 5000,
  138.         navText: ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
  139.         item: 4,
  140.         responsive: {
  141.             0: {
  142.                     items: 1
  143.             },
  144.             480: {
  145.                     items: 1
  146.             },
  147.             768: {
  148.                     items: 3
  149.             },
  150.             992: {
  151.                     items: 3
  152.             },
  153.             1200: {
  154.                     items: 4
  155.             }
  156.         }
  157.     });
  159.     $(function(){
  160.     $('.box-menu .wrapper').on('click', function(){
  161.         $('.box-menu').toggleClass('full-menu');
  162.         $('.hamburger').toggleClass('active');
  163.     });
  164.     $('a').on('click', function(){
  165.         $(this).siblings('a').removeClass('active');
  166.         $(this).addClass('active');
  167.     });
  168. }); 
  170. </script>
  171. {% endblock %}