templates/front/theme1/produits/page_sous_sous_categorie.html.twig line 1

Open in your IDE?
  1. {% extends "front/"~ app.request.server.get('APP_THEME') ~"/base.html.twig" %}
  3. {% block preload %}
  4.     {% if categorie.image is defined  and categorie.image is not empty %}
  5.             <link rel="preload" as="image" href="{{asset_image(categorie.image)}}" />
  6.     {% endif %}
  8.     {% if resultats is defined and resultats is not empty  %}
  9.            {% for item in resultats %}
  10.                 {% if item.image %}
  11.                     <link rel="preload" as="image" href="{{asset_image(item.image)}}" /> 
  12.                 {% endif %}
  13.            {% endfor %}    
  14.     {% endif %}
  16.     {% if galleries is defined and galleries is not empty %}
  17.            {% for item in galleries %}
  18.                 {% if item.path is defined %}
  19.                     <link rel="preload" as="image" href="{{asset_image_gallery(item.path)}}" />
  20.                 {% endif %}
  21.            {% endfor %}
  22.     {% endif %}
  24. {% endblock %}
  27. {% block stylesheets %}
  28.     {{parent()}}
  29.     {% if modele_galerie[0].type == 4 %}
  30.         <link rel="stylesheet" type="text/css" href="{{asset('templates/front/theme1/assets/plugins/flexslider/flexslider.css')}}" media="screen" >
  31.     {% endif %}
  32.     {% if template.css is defined %}
  33.         <style>
  34.             {{template.css|raw}}
  35.         </style>
  36.     {% endif %}
  37. {% endblock %}
  40. {% block body %}
  42.     {% if sous_sous_categorie.positiontext == 3 %}
  43.         {% set position_texte = "text-left"  %}
  44.     {% elseif sous_sous_categorie.positiontext == 2 %}
  45.         {% set position_texte = "text-right"  %}
  46.     {% else %}
  47.         {% set position_texte = "text-center"  %}
  48.     {% endif %}
  51.     {% set type_affiche = "" %}
  52.     {% if sous_sous_categorie.nombrearticle == 1 %}
  53.         {% set type_affiche = "type_affiche1"  %}
  54.     {% elseif sous_sous_categorie.nombrearticle == 2 %}
  55.         {% set type_affiche = "type_affiche2"  %}
  56.     {% else %}
  57.         {% set type_affiche = "type_affiche3"  %}
  58.     {% endif %}
  60.     {% if sous_sous_categorie.actif_slider == 1 %}
  61.         {% set type_affiche = type_affiche ~ " owl-carousel"  %}
  62.     {% endif %}
  64.     {% set multi_affichage = "affichage1"  %}
  66.     {% if sous_sous_categorie.multi_affichage == 1 %}
  67.         {% set multi_affichage = "affichage1"  %}
  68.     {% elseif sous_sous_categorie.multi_affichage == 2 %}
  69.         {% set multi_affichage = "affichage2"  %}
  70.     {% elseif sous_sous_categorie.multi_affichage == 3 %}
  71.         {% set multi_affichage = "affichage3"  %}
  72.     {% elseif sous_sous_categorie.multi_affichage == 4 %}
  73.         {% set multi_affichage = "affichage4"  %}
  74.     {% elseif sous_sous_categorie.multi_affichage == 5 %}
  75.         {% set multi_affichage = "affichage5"  %}
  76.     {% elseif sous_sous_categorie.multi_affichage == 6 %}
  77.         {% set multi_affichage = "affichage6"  %}
  78.     {% elseif sous_sous_categorie.multi_affichage == 7 %}
  79.         {% set multi_affichage = "affichage7"  %}
  80.     {% elseif sous_sous_categorie.multi_affichage == 8 %}
  81.         {% set multi_affichage = "affichage8"  %}
  82.     {% elseif sous_sous_categorie.multi_affichage == 9 %}
  83.         {% set multi_affichage = "affichage9"  %}
  84.     {% elseif sous_sous_categorie.multi_affichage == 10 %}
  85.         {% set multi_affichage = "affichage10"  %}
  86.     {% elseif sous_sous_categorie.multi_affichage == 11 %}
  87.         {% set multi_affichage = "affichage11"  %}
  88.     {% elseif sous_sous_categorie.multi_affichage == 12 %}
  89.         {% set multi_affichage = "affichage12"  %}
  90.     {% endif %}
  92.     <div class="page_cms pt-5 page_product">
  93.        <div class="breadcrumb-style-default">
  94.             <div class="container">
  95.                 <div class="row">
  96.                     <div class="col-lg-12">
  97.                         <div class="inner text-center">
  98.                             {% if breadcrumb is defined and breadcrumb is not empty %}
  99.                                 {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/partials/breadcrumb.html.twig')}}
  100.                                 <h1 class="page-title">{{breadcrumb|last.name}}</h1>
  101.                             {% endif %}
  102.                         </div>
  103.                     </div>
  104.                 </div>
  105.             </div>
  106.         </div>
  109.         <div class="container-fluid mt-3">
  110.             <div class="row gx-5 py-2">
  111.                 {% if categories_tree is defined and categories_tree is not empty %}
  112.                     <div class="col-lg-3 {{show_filter_categorie is defined and show_filter_categorie == true ?'':'d-none'}}">
  113.                          {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/partials/product/_sidebar.html.twig')}}
  114.                     </div>
  115.                 {% endif %}
  116.                 
  117.                 <div class="col-lg-{{show_filter_categorie is defined and show_filter_categorie == true?'9':'12'}} bloc-content-sous-sous-categorie {{sous_sous_categorie.actif_haut == false and sous_sous_categorie.textecategorie is not empty ? "d-flex flex-column-reverse"}}">
  118.                     {% if sous_sous_categorie.textecategorie is not empty and sous_sous_categorie.textecategorie != "" %}
  119.                         <div class="list_blocs {{position_texte}}">
  120.                                 <div class="col-lg-12 content_post">
  121.                                     {{sous_sous_categorie.textecategorie|raw}}
  122.                                     {% if sous_sous_categorie.typelien != 1 %}
  123.                                             {% if sous_sous_categorie.typelien == '4' %}
  124.                                                 <div class="text-center py-2">
  125.                                                     <a href="tel:{{sous_sous_categorie.telephone}}" class="btn btn-back-pulse">{{sous_sous_categorie.titrelien}}</a>
  126.                                                 </div>
  127.                                             {% elseif sous_sous_categorie.typelien == '2' %}
  128.                                                 <div class="text-center py-2">
  129.                                                     <a href="{{slug_link_interne(sous_sous_categorie.lieninterne)}}" class="btn btn-back-pulse">{{sous_sous_categorie.titrelien}}</a>
  130.                                                 </div>
  131.                                             {% elseif sous_sous_categorie.typelien == '3' %}
  132.                                                 <div class="text-center py-2">
  133.                                                     <a href="{{sous_sous_categorie.lienexterne}}" class="btn btn-back-pulse" target="_blank">{{sous_sous_categorie.titrelien}}</a>
  134.                                                 </div>
  135.                                             {% endif %}
  136.                                     {% endif %}
  137.                                 </div> 
  138.                         </div>
  139.                      {% endif %}
  140.                     
  141.                     <div class="blocs">
  142.                     
  143.                         {% if template is defined and template is not empty %}
  144.                             {{ include(template_from_string(template.twig)) }}
  145.                         {% endif %}
  146.                         
  147.                         {% if pagination == true and posts.hasToPaginate and posts.pageSize %}
  148.                             <div class="pagination-items">
  149.                                 {% set paginator = posts %}
  150.                                 <div class="navigation text-center">
  151.                                     <ul class="pagination d-felx justify-content-center my-4">
  152.                                         {% if paginator.hasPreviousPage %}
  153.                                             <li class="prev mx-1"><a href="{{ path('page_sous_sous_categorie', {categorie1:categorie.slugurl,categorie2:sous_categorie.slugurl,categorie3:sous_sous_categorie.slugurl}) }}?page={{paginator.previousPage}}" rel="previous"><i class="fa fw fa-long-arrow-left"></i> {{ 'paginator.previous'|trans([],'variable') }}</a></li>
  154.                                         {% else %}
  155.                                             <li class="prev disabled mx-1"><span><i class="fa fw fa-long-arrow-left"></i> {{ 'paginator.previous'|trans([],'variable') }}</span></li>
  156.                                         {% endif %}
  157.                                         {% if paginator and paginator.pageSize %}
  158.                                             {% for i in 1..paginator.lastPage %}
  159.                                                 {% if i == paginator.currentPage %}
  160.                                                     <li class="active number mx-1"><span>{{ i }} </span></li>
  161.                                                 {% else %}
  162.                                                     <li class="number mx-1"><a href="{{ path('page_sous_sous_categorie', {categorie1:categorie.slugurl,categorie2:sous_categorie.slugurl,categorie3:sous_sous_categorie.slugurl}) }}?page={{i}}">{{ i }}</a></li>
  163.                                                 {% endif %}
  164.                                             {% endfor %}
  165.                                         {% endif %}
  167.                                         {% if paginator and paginator.pageSize %}
  168.                                             {% if paginator.hasNextPage %}
  169.                                                 <li class="next mx-1"><a href="{{ path('page_sous_sous_categorie', {categorie1:categorie.slugurl,categorie2:sous_categorie.slugurl,categorie3:sous_sous_categorie.slugurl}) }}?page={{paginator.nextPage}}" rel="next">{{ 'paginator.next'|trans([],'variable') }}  <i class="fa fw fa-long-arrow-right"></i></a></li>
  170.                                             {% else %}
  171.                                                 <li class="next disabled mx-1"><span>{{ 'paginator.next'|trans([],'variable')}} <i class="fa fw fa-long-arrow-right"></i></span></li>
  172.                                             {% endif %}
  173.                                         {% endif %}
  174.                                         
  175.                                     </ul>
  176.                                 </div>
  177.                             </div>
  178.                         {% endif %}
  179.                     </div>
  180.                 </div> 
  181.             </div>
  182.         </div>
  184.         {% if galleries and galleries is not empty and template_model_gallerie is defined and template_model_gallerie is not empty %}
  185.             {{ include(template_from_string(template_model_gallerie)) }}
  186.         {% endif %}
  187.         
  188.         {% if categorie.urlvideo is not empty %}
  189.             <div class="container-fluid wrapper mt-3">
  190.                 <div class="col-md-12 mt-1">
  191.                     <div class="video">
  192.                         {% set id_video_externe = categorie.urlvideo|split('?v=')[1] is defined ? categorie.urlvideo|split('?v=')[1] : null %}
  193.                         <a class="video-thumbnail m-0" href="{{categorie.urlvideo}}" data-fancybox="video">
  194.                             <img src="https://img.youtube.com/vi/{{id_video_externe}}/maxresdefault.jpg" class="img-fluid" alt=""/>
  195.                         </a>
  196.                     </div>
  197.                 </div>
  198.             </div>
  199.         {% endif %}
  201.         {% if blocs is defined  %}
  202.             {% for bloc in blocs.Bloc %}
  203.                 {% if is_mobile() and  bloc.mobile == true   %}
  204.                     {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
  205.                         bloc: bloc,
  206.                     }, with_context = false)}}
  207.                 {% endif %}
  208.                 
  209.                 {% if is_full_view() and is_mobile() == false and bloc.desktop == true %}
  210.                     {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
  211.                         bloc: bloc,
  212.                     }, with_context = false)}}
  213.                 {% endif %}
  214.             {% endfor %}
  215.         {% endif %} 
  217.     </div> 
  218. {% endblock %}
  220. {% block javascripts %}
  221.     {{parent()}}
  222.     {% if modele_galerie[0].type == 4 %}
  223.         <script src="{{asset('templates/front/theme1/assets/plugins/flexslider/jquery.flexslider.js')}}" ></script>
  224.         <script>    
  225.             /*-------------------------------------------------*/
  226.             /* =  Sx flexslider 
  227.             /*-------------------------------------------------*/
  228.             if ($(".sx_flexslider").length) {
  229.             $('.flex-carousel').flexslider({
  230.             animation: "slide",
  231.             controlNav: false,
  232.             animationLoop: true,
  233.             slideshow: false,
  234.             itemWidth: 150,
  235.             asNavFor: '.flex-slider'
  236.             });
  237.             $('.flex-slider').flexslider({
  238.             animation: "slide",
  239.             controlNav: false,
  240.             animationLoop: true,
  241.             slideshow: false,
  242.             sync: ".flex-carousel"
  243.             });
  244.             }
  245.         </script>
  246.     {% endif %}
  247.     
  248. {% endblock %}