templates/accueil/accueil.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block _app_data %}
  4.     app_data.path.overview_update = "{{ path('overview_update')|base64_encode }}";
  5. {% endblock %}
  7. {% block stylesheets %}
  8.     <link rel="stylesheet" href="{{ asset('assets/css/accueil.min.css') }}" />
  9.     <link rel="stylesheet" href="{{ asset('assets/css/produit.min.css') }}" />
  10.     <link rel="stylesheet" href="{{ asset('assets/css/slider.min.css') }}" />
  11.     <link rel="stylesheet" href="{{ asset('assets/css/slide/slide.css') }}" />
  12. {% endblock %}
  14. {% block javascript %}
  15.     <script src="{{ asset('assets/js/accueil/accueil.js') }}"></script>
  16.     <script src="{{ asset('assets/js/produit/produit.js') }}"></script>
  17.     <script src="{{ asset('assets/js/slider/slider.js') }}"></script>
  18. {% endblock %}
  20. {% block title %}
  21.     {{ 'title'|trans({}, 'accueil')|raw }}
  22. {% endblock %}
  24. {% block description %}
  25.     {{ 'description'|trans({}, 'accueil')|raw }}
  26. {% endblock %}
  28. {% block content %}
  29.     <div class="mb-4">
  30.         {% include '/accueil/' ~ lang ~ '.slider.html.twig' %}
  31.         <div class="row p-3">
  32.             <div class="col-lg-4 col-md-12 col-sm-12 col-12 pe-0">
  33.                 <div class="widget-image">
  34.                     {{ 'capteur.mesure'|trans({}, 'accueil')|raw }}
  35.                 </div>
  36.             </div>
  37.             <div class="col-lg-4 col-md-12 col-sm-12 col-12 pe-0">
  38.                 <div class="widget-image">
  39.                     {{ 'axe.dynamometrique'|trans({}, 'accueil')|raw }}
  40.                 </div>
  41.             </div>
  42.             <div class="col-lg-4 col-md-12 col-sm-12 col-12 pe-0">
  43.                 <div class="widget-image">
  44.                     {{ 'capteur.etalon'|trans({}, 'accueil')|raw }}
  45.                 </div>
  46.             </div>
  47.         </div>
  48.         <div class="pts-container pb-3" style="">
  49.             <div class="pts-inner container">
  50.                 <div class="row-inner row-level-1">
  51.                     <div class="row clearfix">
  52.                         <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
  53.                             <div class="col-inner nopadding" style="">
  54.                                 <div class="widget-module">
  55.                                     <div class="pts-widget" id="wid-key_1477390280184">
  56.                                         <div class="widget-module block-borderbox block ">
  57.                                             <div class="widget-inner">
  58.                                                 <div class="widget-categories_sub_products">
  59.                                                     <div class="block">
  60.                                                         <div class="row">
  61.                                                             <div class="col-lg-5 row" >
  62.                                                             <div class="clearfix col-lg-4 col-md-2 col-sm-12 col-xs-12 product-tabs p-0 ms-3">
  63.                                                                 <h3 class="widget-heading title_block"><span>  OVERVIEW </span></h3>
  64.                                                                 <ul class="list-unstyled list-inline subcategory_link m-0">
  65.                                                                     {% for category in overviewCategories %}
  66.                                                                         <li class="Vignette {{ loop.first ? 'VignetteActive' : '' }}" id="{{ category.id_category }}" data-cat="{{ category.link_rewrite }}" data-name="{{ category.altname }}" data-url="/{{ lang }}/{{ category.link_rewrite }}" data-urlimg="../upload/overview-images-categories/{{ category.srcname }}" style="cursor:pointer"> <a title="{{ category.name }}"> {{ category.name }} </a></li>
  67.                                                                     {% endfor %}
  68.                                                                 </ul>
  69.                                                             </div>
  70.                                                             <div class="col-md-3 col-lg-7 hidden-xs hidden-sm hidden-md p-0">
  71.                                                                 <a id="LienGrande" href="/{{ lang }}/{{ overviewCategories[0].link_rewrite }}">
  72.                                                                     <span class="has-img-tab">
  73.                                                                         <img id="ImageGrande" src="../upload/overview-images-categories/{{ overviewCategories[0].srcname }}" alt="{{ overviewCategories[0].altname }}">
  74.                                                                     </span>
  75.                                                                 </a>
  76.                                                             </div>
  77.                                                             </div>
  78.                                                             <div id="ContenuDetails" class="col-xs-12 col-sm-12 col-md-10 col-lg-7 pt-4">
  79.                                                                 <ul class="nav nav-tabs m-0">
  80.                                                                     <li id="ButtonStandard" data-cible="#overview_standard" class="pe-3 mb-1 border-end overview cursor-pointer active">Standard</li>
  81.                                                                     <li id="ButtonSurMesure" data-cible="#overview_sm" class="ps-3 mb-1 overview cursor-pointer">Sur mesure</li>
  82.                                                                 </ul>
  83.                                                                 {% include '/accueil/overview.html.twig' %}
  84.                                                             </div>
  85.                                                         </div>
  86.                                                     </div>
  87.                                                 </div>
  88.                                                 <div style="display: none;"> <span id="NewTextNouveau">Nouveau</span> <span id="NewTextAjouterAuPanier">Ajouter au panier</span> <span id="NewTextVoirApercu">Voir le produit</span></div>
  89.                                             </div>
  90.                                         </div>
  91.                                     </div>
  92.                                 </div>
  93.                             </div>
  94.                         </div>
  95.                     </div>
  96.                 </div>
  97.             </div>
  98.         </div>
  99.         <div class="pts-container">
  100.             <div class="pts-inner container">
  101.                 <div class="row-inner row-level-1">
  102.                     <div class="row clearfix">
  103.                         <div class="col-lg-12 col-md-12 col-sm-12 col-12">
  104.                             <div class="col-inner space-60">
  105.                                 <div class="widget-bloglatest">
  106.                                     <div class="pts-widget" id="wid-key_1456209446290">
  107.                                         <div class="widget-latestblog block block-borderbox">
  108.                                             <h3 class="title_block"><span>{{ 'etude.cas'|trans({}, 'accueil')|raw }}</span></h3>
  109.                                             <div class="block_content">
  110.                                                 <div class=" boxcarousel widget-content owl-carousel-play" data-ride="owlcarousel">
  111.                                                     <div class="carousel-controls">
  112.                                                         <div class="left carousel-control left_carousel disabled">
  113.                                                             <i class="fa-solid fa-angle-left fa-sm"></i>
  114.                                                         </div>
  115.                                                         <div class="right carousel-control right_carousel">
  116.                                                             <i class="fa-solid fa-angle-right fa-sm"></i>
  117.                                                         </div>
  118.                                                     </div>
  119.                                                     <div class="owl-carousel grid owl-theme" data-columns="3" data-pagination="false" data-navigation="true" data-desktop="[1200,3]" data-desktopsmall="[992,2]" data-tablet="[768,1]" data-mobile="[480,1]">
  120.                                                         <div class="owl-wrapper-outer">
  121.                                                             <div class="owl-wrapper">
  122.                                                                 {% for card in cards %}
  123.                                                                     <div class="owl-item {{ card == cards[0] ? 'active' : '' }}">
  124.                                                                         <div class="item">
  125.                                                                             <div class="blog_container grid clearfix">
  126.                                                                                 <div class="blog-image">
  127.                                                                                     <a href="/{{ lang }}/blog/{{ card.link_rewrite }}-b{{ card.id_leoblog_blog }}" title="{{ card.meta_title }}">
  128.                                                                                         <img class="img-responsive" src="/ps/img/leoblog/b/{{ card.id_leoblog_blog }}/370_247/{{ card.image }}" title="{{ card.meta_title }}">
  129.                                                                                     </a>
  130.                                                                                 </div>
  131.                                                                                 <div class="blog_inner">
  132.                                                                                     <h4 class="clearfix blog-title">
  133.                                                                                         <a href="/{{ lang }}/blog/{{ card.link_rewrite }}-b{{ card.id_leoblog_blog }}" title="{{ card.meta_title }}">{{ card.meta_title|u.truncate(50, '...', true) }}</a>
  134.                                                                                     </h4>
  135.                                                                                     <div class="blog-shortinfo">{{ card.description|striptags|u.truncate(100, '...', true) }}</div>
  136.                                                                                     <div class="readmore">
  137.                                                                                         <p><a class="btn-link" href="/{{ lang }}/blog/{{ card.link_rewrite }}-b{{ card.id_leoblog_blog }}" title="{{ card.meta_title }}"></a></p>
  138.                                                                                     </div>
  139.                                                                                 </div>
  140.                                                                             </div>
  141.                                                                         </div>
  142.                                                                     </div>
  143.                                                                 {% endfor %}
  144.                                                             </div>
  145.                                                         </div>
  146.                                                     </div>
  147.                                                 </div>
  148.                                             </div>
  149.                                         </div>
  150.                                     </div>
  151.                                 </div>
  152.                             </div>
  153.                         </div>
  154.                     </div>
  155.                 </div>
  156.             </div>
  157.         </div>
  158.     </div>
  159. {% endblock %}