templates/front/theme1/produits/page_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.     <div class="page_product">
  43.         {% if categorie.imageBandeau %}
  44.             {% set imagebandeau = categorie.imageBandeau %}
  45.         {% elseif parametre.imageBandeau %}
  46.             {% set imagebandeau = 'uploads/images/' ~ parametre.imageBandeau %}
  47.         {% else %}
  48.             {% set imagebandeau = '' %}
  49.         {% endif %}
  50.         
  51.         {% if imagebandeau != '' %}
  52.             <section class="image-bandeau text-center">
  53.                 <img alt="{{categorie.titrecategorie}}" title="{{categorie.titrecategorie}}" src="{{asset(imagebandeau)}}" />
  54.                 <div class="cnt-bandeau text-center">
  55.                     <div class="container-fluid wrapper">
  56.                         <ol class="breadcrumb d-flex justify-content-center" itemscope itemtype="http://schema.org/BreadcrumbList">
  57.                             <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="{{path('index_page_home')}}" itemprop="item"><span itemprop="name">{{title_home_ariane}}</span></a><meta itemprop="position" content="1" /></li>
  58.                                 {% if categorieParent is defined %}<li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="{{path('page',{slug:categorieParent.slugurl})}}" title="{{categorieParent.titrecategorie}}" itemprop="item"><span itemprop="name">{{categorieParent.titrecategorie}}</span></a><meta itemprop="position" content="2" /></li>{% endif %}
  59.                             <li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">{{categorie.titrecategorie}}</span><meta itemprop="position" content="3" /></li>
  60.                         </ol>
  61.                         <h1 class="page-title titre_page_mention">{{categorie.titrecategorie}}</h1>
  62.                     </div>
  63.                 </div>
  64.             </section>
  65.         {% endif %}
  67.         {% if categorie.positiontext == 3 %}
  68.             {% set position_texte = "text-left"  %}
  69.         {% elseif categorie.positiontext == 2 %}
  70.             {% set position_texte = "text-right"  %}
  71.         {% else %}
  72.             {% set position_texte = "text-center"  %}
  73.         {% endif %}
  75.         {% set type_affiche = "" %}
  76.         {% if categorie.nombrearticle == 1 %}
  77.             {% set type_affiche = "type_affiche1"  %}
  78.         {% elseif categorie.nombrearticle == 2 %}
  79.             {% set type_affiche = "type_affiche2"  %}
  80.         {% else %}
  81.             {% set type_affiche = "type_affiche3"  %}
  82.         {% endif %}
  84.         {% if categorie.actif_slider == 1 %}
  85.             {% set type_affiche = type_affiche ~ " owl-carousel"  %}
  86.         {% endif %}
  88.         {% set multi_affichage = "affichage1"  %}
  90.         {% if categorie.multi_affichage == 1 %}
  91.             {% set multi_affichage = "affichage1"  %}
  92.         {% elseif categorie.multi_affichage == 2 %}
  93.             {% set multi_affichage = "affichage2"  %}
  94.         {% elseif categorie.multi_affichage == 3 %}
  95.             {% set multi_affichage = "affichage3"  %}
  96.         {% elseif categorie.multi_affichage == 4 %}
  97.             {% set multi_affichage = "affichage4"  %}
  98.         {% elseif categorie.multi_affichage == 5 %}
  99.             {% set multi_affichage = "affichage5"  %}
  100.         {% elseif categorie.multi_affichage == 6 %}
  101.             {% set multi_affichage = "affichage6"  %}
  102.         {% elseif categorie.multi_affichage == 7 %}
  103.             {% set multi_affichage = "affichage7"  %}
  104.         {% elseif categorie.multi_affichage == 8 %}
  105.             {% set multi_affichage = "affichage8"  %}
  106.         {% elseif categorie.multi_affichage == 9 %}
  107.             {% set multi_affichage = "affichage9"  %}
  108.         {% elseif categorie.multi_affichage == 10 %}
  109.             {% set multi_affichage = "affichage10"  %}
  110.         {% elseif categorie.multi_affichage == 11 %}
  111.             {% set multi_affichage = "affichage11"  %}
  112.         {% elseif categorie.multi_affichage == 12 %}
  113.             {% set multi_affichage = "affichage12"  %}
  114.         {% endif %}
  116.         <div class="page_cms pt-5">
  117.             {% if imagebandeau == '' %}
  118.                 <div class="breadcrumb-style-default">
  119.                     <div class="container">
  120.                         <div class="row">
  121.                             <div class="col-lg-12">
  122.                                 <div class="inner text-center">
  123.                                     {% if breadcrumb is defined and breadcrumb is not empty %}
  124.                                         {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/partials/breadcrumb.html.twig')}}
  125.                                         <h1 class="page-title">{{breadcrumb|last.name}}</h1>
  126.                                     {% endif %}
  127.                                 </div>
  128.                             </div>
  129.                         </div>
  130.                     </div>
  131.                 </div>
  132.             {% endif %}
  135.             <div class="container-fluid mt-3">
  136.                 <div class="row gx-5 py-2">
  137.                     {% if categories_tree is defined and categories_tree is not empty %}
  138.                         <div class="col-lg-3 {{show_filter_categorie is defined and show_filter_categorie == true?'':'d-none'}}" >
  139.                             {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/partials/product/_sidebar.html.twig')}}
  140.                         </div>
  141.                     {% endif %}
  142.                     
  143.                     <div class="col-lg-{{show_filter_categorie is defined and show_filter_categorie == true?'9':'12'}} bloc-content-categorie {{categorie.actif_haut == false and categorie.textecategorie is not empty ? "d-flex flex-column-reverse"}}">
  144.                         {% if categorie.textecategorie is not empty and categorie.textecategorie != "" %}
  145.                             <div class="list_blocs {{position_texte}}">
  146.                                 <div class="col-lg-12 content_post">
  147.                                     <div class="texte-content">{{categorie.textecategorie|raw}}</div>
  149.                                     {% if categorie.typelien != 1 %}
  150.                                             {% if categorie.typelien == '4' %}
  151.                                                 <div class="text-center py-2 bouton-categorie">
  152.                                                     <a href="tel:{{categorie.telephone}}" class="btn btn-back-pulse">{{categorie.titrelien}}</a>
  153.                                                 </div>
  154.                                             {% elseif categorie.typelien == '2' %}
  155.                                                 <div class="text-center py-2 bouton-categorie">
  156.                                                     <a href="{{slug_link_interne(categorie.lieninterne)}}" class="btn btn-back-pulse">{{categorie.titrelien}}</a>
  157.                                                 </div>
  158.                                             {% elseif categorie.typelien == '3' %}
  159.                                                 <div class="text-center py-2 bouton-categorie">
  160.                                                     <a href="{{categorie.lienexterne}}" class="btn btn-back-pulse" target="_blank">{{categorie.titrelien}}</a>
  161.                                                 </div>
  162.                                             {% endif %}
  163.                                     {% endif %}
  164.                                 </div>
  165.                             </div>
  166.                         {% endif %}
  169.                         <div class="blocs">
  170.                         
  171.                             {% if template is defined and template is not empty %}
  172.                                 {{ include(template_from_string(template.twig)) }}
  173.                             {% endif %}
  174.                             
  175.                             {% if pagination == true and posts.hasToPaginate and posts.pageSize %}
  176.                                 <div class="pagination-items">
  177.                                     {% set paginator = posts %}
  178.                                     <div class="navigation text-center">
  179.                                         <ul class="pagination d-felx justify-content-center my-4">
  180.                                             {% if paginator.hasPreviousPage %}
  181.                                                 <li class="prev mx-1"><a href="{{ path('page', {slug:categorie.slugurl}) }}?page={{paginator.previousPage}}" rel="previous"><i class="fa fw fa-long-arrow-left"></i> {{ 'paginator.previous'|trans([],'variable') }}</a></li>
  182.                                             {% else %}
  183.                                                 <li class="prev disabled mx-1"><span><i class="fa fw fa-long-arrow-left"></i> {{ 'paginator.previous'|trans([],'variable') }}</span></li>
  184.                                             {% endif %}
  186.                                             {% if paginator and paginator.pageSize %}
  187.                                                 {% for i in 1..paginator.lastPage %}
  188.                                                     {% if i == paginator.currentPage %}
  189.                                                         <li class="active number mx-1"><span>{{ i }} </span></li>
  190.                                                     {% else %}
  191.                                                         <li class="number mx-1"><a href="{{ path('page', {slug:categorie.slugurl }) }}?page={{i}}">{{ i }}</a></li>
  192.                                                     {% endif %}
  193.                                                 {% endfor %}
  194.                                             {% endif %}
  196.                                             {% if paginator and paginator.pageSize %}
  197.                                                 {% if paginator.hasNextPage %}
  198.                                                     <li class="next mx-1"><a href="{{ path('page', {slug:categorie.slugurl}) }}?page={{paginator.nextPage}}" rel="next">{{ 'paginator.next'|trans([],'variable') }}  <i class="fa fw fa-long-arrow-right"></i></a></li>
  199.                                                 {% else %}
  200.                                                     <li class="next disabled mx-1"><span>{{ 'paginator.next'|trans([],'variable')}} <i class="fa fw fa-long-arrow-right"></i></span></li>
  201.                                                 {% endif %}
  202.                                             {% endif %}
  203.                                             
  204.                                         </ul>
  205.                                     </div>
  206.                                 </div>
  207.                             {% endif %}
  208.                         </div>
  210.                     </div> 
  211.                 </div>
  212.             </div>
  214.             {% if galleries and galleries is not empty and template_model_gallerie is defined and template_model_gallerie is not empty %}
  215.                 {{ include(template_from_string(template_model_gallerie)) }}
  216.             {% endif %}
  217.             
  218.             {% if categorie.urlvideo is not empty %}
  219.                 <div class="container-fluid wrapper mt-3">
  220.                     <div class="col-md-12 mt-1">
  221.                         <div class="video">
  222.                             {% set id_video_externe = categorie.urlvideo|split('?v=')[1] is defined ? categorie.urlvideo|split('?v=')[1] : null %}
  223.                             <a class="video-thumbnail m-0" href="{{categorie.urlvideo}}" data-fancybox="video">
  224.                                 <img src="https://img.youtube.com/vi/{{id_video_externe}}/maxresdefault.jpg" class="img-fluid" alt=""/>
  225.                             </a>
  226.                         </div>
  227.                     </div>
  228.                 </div>
  229.             {% endif %}
  231.             {% if blocs is defined  %}
  232.                 {% for bloc in blocs.Bloc %}
  233.                     {% if is_mobile() and  bloc.mobile == true   %}
  234.                         {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
  235.                             bloc: bloc,
  236.                         }, with_context = false)}}
  237.                     {% endif %}
  238.                     
  239.                     {% if is_full_view() and is_mobile() == false and bloc.desktop == true %}
  240.                         {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
  241.                             bloc: bloc,
  242.                         }, with_context = false)}}
  243.                     {% endif %}
  244.                 {% endfor %}
  245.             {% endif %} 
  247.         </div> 
  248.     </div>
  249. {% endblock %}
  251. {% block javascripts %}
  252.     {{parent()}}
  253.     {% if modele_galerie[0].type == 4 %}
  254.         <script src="{{asset('templates/front/theme1/assets/plugins/flexslider/jquery.flexslider.js')}}" ></script>
  255.         <script>    
  256.             /*-------------------------------------------------*/
  257.             /* =  Sx flexslider 
  258.             /*-------------------------------------------------*/
  259.             if ($(".sx_flexslider").length) {
  260.             $('.flex-carousel').flexslider({
  261.             animation: "slide",
  262.             controlNav: false,
  263.             animationLoop: true,
  264.             slideshow: false,
  265.             itemWidth: 150,
  266.             asNavFor: '.flex-slider'
  267.             });
  268.             $('.flex-slider').flexslider({
  269.             animation: "slide",
  270.             controlNav: false,
  271.             animationLoop: true,
  272.             slideshow: false,
  273.             sync: ".flex-carousel"
  274.             });
  275.             }
  276.         </script>
  277.     {% endif %}
  278.     
  279. {% endblock %}