templates/entreprise/home.html.twig line 41

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     <style>
  6.         .slick-prev:before,
  7.         .slick-next:before {
  8.             color: black;
  9.             font-size: 35px;
  10.         }
  11.         .slide-container{
  12.             height: 350px;
  13.         }
  14.     
  15.         .home-collection-slide-container{
  16.             width: 97%;
  17.         }
  18.     </style>
  19. {% endblock stylesheets %}
  21. {% block body %}
  22.      <!-- Slider-->
  23.         <div class="container" >
  24.             <div class="row">
  25.                 <div class="col-md-2">
  26.                     <div>
  27.                     {% for leftBoxe in leftBoxes %}
  28.                         <div>
  29.                              <div class="card">
  30.                                 <div class="card-body text-center">
  31.                                 {{ leftBoxe.contenu | raw }}
  32.                                 </div>
  33.                               </div>
  34.                         </div>
  35.                         <br/>
  36.                     {% endfor %}
  37.                     </div>
  38.                 </div>
  39.                 <div class="col-md-7">
  40.                     <div id="slide-container">
  41.                     {{ render(controller('App\\Controller\\EntrepriseController::homeSlidesAction')) }}
  42.                     </div>
  43.                 </div>
  44.                 <div class="col-md-3">
  45.                     <div>
  46.                     {% for rightBoxe in rightBoxes %}
  47.                         <div>
  48.                              <div class="card">
  49.                                 <div class="card-body text-center">
  50.                                 {{ rightBoxe.contenu | raw }}
  51.                                 </div>
  52.                               </div>
  53.                         </div>
  54.                         <br/>
  55.                     {% endfor %}
  56.                     </div>
  57.                     
  58.                 </div>
  59.             </div>
  60.         </div>
  61.           
  62.     <section class="container pt-5">
  63.         
  64.     
  65.       <!-- Heading-->
  66.       {% for collection in collections %}
  67.       {% if collection.isPromotional %}
  68.         <div class="row">
  69.             {% set photos = collection.photos %}
  70.             {% for p in photos %}
  71.                 <div class="col">
  72.                     <img src="{{ p.url }}" />
  73.                 </div>
  74.             {% endfor %}
  75.         </div>
  76.       {% else %}
  77.         <div class="assie-card">
  78.             <div class="assie-card-body">
  79.               <div class="d-flex flex-wrap justify-content-between align-items-center pt-1 border-bottom pb-4 mb-4">
  80.                 <h2 class="h3 mb-0 pt-3 mr-2">{{ collection.nom }}</h2>
  81.                 <div class="pt-3"><a class="btn btn-outline-accent btn-sm" href="{{ path('product_by_collection', {'slug': collection.slug}) }}">Plus de produits<i class="czi-arrow-right ml-1 mr-n1"></i></a></div>
  82.               </div>
  83.               <!-- Grid-->
  84.                 <div class="home-collection-slide-container">
  85.                   <div class="row pt-2 mx-n2 home-collection-slide">
  86.                     <!-- Product-->
  87.                     {% set products = collection.products %}
  88.                     {{ include ('entreprise/product_raw_list_1.html.twig') }}
  89.                     <!-- Product-->
  90.                   </div>
  91.               </div>
  92.             </div>
  93.         </div>
  94.       {% endif %}
  95.       {% endfor %}
  96.       
  97.     </section>
  98.     <br/>
  99.     <br/>
  100.     <br/>
  101.   {# End main #}
  102. {% endblock body %}
  104. {% block javascripts %}
  105.     {{ parent() }}
  106.     <script type="text/javascript">
  107.     $(function(){
  108.         $('.autoplay-slide').slick({
  109.               slidesToShow: 1,
  110.               slidesToScroll: 1,
  111.               autoplay: true,
  112.               autoplaySpeed: 3000,
  113.               arrows: true,
  114.               responsive: [
  115.                     {
  116.                       breakpoint: 1024,
  117.                       settings: {
  118.                         slidesToShow: 1,
  119.                         slidesToScroll: 1,
  120.                         infinite: true,
  121.                         autoplay: true,
  122.                       }
  123.                     }
  124.                 ]
  125.             });
  126.             
  127.         
  128.     });
  129. </script>
  130. {% endblock javascripts %}