templates/front/theme1/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. {% set titre_page = categorie.titrecategorie %}
  44. {% if categorie.imageBandeau %}
  45.         {% set imagebandeau = categorie.imageBandeau %}
  46.     {% elseif parametre.imageBandeau %}
  47.         {% set imagebandeau = 'uploads/images/' ~ parametre.imageBandeau %}
  48.     {% else %}
  49.         {% set imagebandeau = '' %}
  50.     {% endif %}
  51.     
  52.     {% if imagebandeau != '' %}
  53.         <section class="image-bandeau text-center">
  54.             <img alt="{{categorie.titrecategorie}}" title="{{categorie.titrecategorie}}" src="{{asset(imagebandeau)}}" />
  55.             <div class="cnt-bandeau text-center">
  56.                 <div class="container-fluid wrapper">
  57.                     <ol class="breadcrumb d-flex justify-content-center" itemscope itemtype="http://schema.org/BreadcrumbList">
  58.                         <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|raw}}</span></a><meta itemprop="position" content="1" /></li>
  59.                             {% 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|replace({'<span>':' ','</span>':' '})}}" itemprop="item"><span itemprop="name">{{categorieParent.titrecategorie|raw}}</span></a><meta itemprop="position" content="2" /></li>{% endif %}
  60.                         <li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">{{categorie.titrecategorie|raw}}</span><meta itemprop="position" content="3" /></li>
  61.                     </ol>
  62.                     <h1 class="page-title titre_page_mention">{{categorie.titrecategorie|raw}}</h1>
  63.                 </div>
  64.             </div>
  65.         </section>
  66.     {% endif %}
  67.     
  68.     <div class="page_cms pt-5 {% if categorie is defined and categorie != "" %}page-categorie{% endif %}">
  69.         {% if imagebandeau == '' %}
  70.             <div class="container-fluid wrapper">
  71.                 <div class="breadcrumb-style-default">
  72.                     <div class="row">
  73.                         <div class="col-lg-12">
  74.                             <div class="inner text-center">
  75.                                 <ol class="breadcrumb d-flex justify-content-center" itemscope itemtype="http://schema.org/BreadcrumbList">
  76.                                 <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|raw}}</span></a><meta itemprop="position" content="1" /></li>
  77.                                 
  78.                                 {% 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|replace({'<span>':' ','</span>':' '})}}" itemprop="item"><span itemprop="name">{{categorieParent.titrecategorie|raw}}</span></a><meta itemprop="position" content="2" /></li>{% endif %}
  79.                                 
  80.                                 
  81.                                 <li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">{{categorie.titrecategorie|raw}}</span><meta itemprop="position" content="3" /></li>
  82.                                 </ol>
  83.                                 <h1 class="page-title titre_page_mention">{{categorie.titrecategorie|raw}}</h1>
  84.                             </div>
  85.                         </div>
  86.                     </div>
  87.                 </div>
  88.             </div>
  89.         {% endif %}
  91.         {% set position_texte = "" %}
  92.         {% if categorie.positiontext == 3 %}
  93.             {% set position_texte = "pos3"  %}
  94.         {% elseif categorie.positiontext == 2 %}
  95.             {% set position_texte = "pos2"  %}
  96.         {% else %}
  97.             {% set position_texte = "pos1"  %}
  98.         {% endif %}
  100.         {% set type_affiche = "" %}
  101.         {% if categorie.nombrearticle == 1 %}
  102.             {% set type_affiche = "type_affiche1"  %}
  103.         {% elseif categorie.nombrearticle == 2 %}
  104.             {% set type_affiche = "type_affiche2"  %}
  105.         {% else %}
  106.             {% set type_affiche = "type_affiche3"  %}
  107.         {% endif %}
  109.         {% if categorie.actif_slider == 1 %}
  110.             {% set type_affiche = type_affiche ~ " owl-carousel"  %}
  111.         {% endif %}
  113.         {% set multi_affichage = "affichage1"  %}
  115.         {% if categorie.multi_affichage == 1 %}
  116.             {% set multi_affichage = "affichage1"  %}
  117.         {% elseif categorie.multi_affichage == 2 %}
  118.             {% set multi_affichage = "affichage2"  %}
  119.         {% elseif categorie.multi_affichage == 3 %}
  120.             {% set multi_affichage = "affichage3"  %}
  121.         {% elseif categorie.multi_affichage == 4 %}
  122.             {% set multi_affichage = "affichage4"  %}
  123.         {% elseif categorie.multi_affichage == 5 %}
  124.             {% set multi_affichage = "affichage5"  %}
  125.         {% elseif categorie.multi_affichage == 6 %}
  126.             {% set multi_affichage = "affichage6"  %}
  127.         {% elseif categorie.multi_affichage == 7 %}
  128.             {% set multi_affichage = "affichage7"  %}
  129.         {% elseif categorie.multi_affichage == 8 %}
  130.             {% set multi_affichage = "affichage8"  %}
  131.         {% elseif categorie.multi_affichage == 9 %}
  132.             {% set multi_affichage = "affichage9"  %}
  133.         {% elseif categorie.multi_affichage == 10 %}
  134.             {% set multi_affichage = "affichage10"  %}
  135.         {% elseif categorie.multi_affichage == 11 %}
  136.             {% set multi_affichage = "affichage11"  %}
  137.         {% elseif categorie.multi_affichage == 12 %}
  138.             {% set multi_affichage = "affichage12"  %}
  139.         {% endif %}
  141.     {% if categorie.chapeaucategorie !='' or categorie.image is not empty or (categorie.textecategorie is not empty and categorie.textecategorie != " ") or docs is not empty or galleries is not empty or categorie.urlvideo is not empty or (resultats is defined and resultats is not empty) %}
  142.         <section class="content-page">
  143.             {% if categorie.actif_haut == 1 and categorie.positiontext != 2 and categorie.positiontext != 3 %}
  144.                 <div class="container-fluid wrapper">
  145.                     <div id="bloc-texte-principal" class="row mb-3 mt-2">
  146.                         {% if categorie.chapeaucategorie !='' %}
  147.                             <div class="col-sm-12 text-center mb-1">
  148.                                 <h2 class="sub-title">{{categorie.chapeaucategorie}}</h2>
  149.                             </div>
  150.                         {% endif %}
  151.                         
  152.                         {% if categorie.image is defined  and categorie.image is not empty %}
  153.                             <div class="col-lg-12 py-5 d-flex justify-content-center">
  154.                                 <div class="col-sm-12 col-md-6">
  155.                                     <img class="img-fluid" src="{{asset_image(categorie.image)}}" alt="{{categorie.titrecategorie}}" />
  156.                                 </div>
  157.                             </div>
  158.                         {% endif %}
  160.                         {% if categorie.textecategorie is not empty and categorie.textecategorie != " " %}
  161.                             <div class="col-lg-12 content_post">
  162.                                 <div class="texte-content">{{categorie.textecategorie|raw}}</div>
  163.                             </div>
  164.                         {% endif %}
  166.                         {% if categorie.typelien == null %}
  167.                             {% if categorieTree is defined and categorieTree[0] is defined  %}
  168.                                 <div class="text-center py-2 bouton-categorie">
  169.                                     <a href="{{path('page',{slug:categorieTree[0].slug})}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus">Retour à la liste {{categorieTree[0].titre}}</a>
  170.                                 </div>
  171.                             {% endif %} 
  172.                         {% elseif categorie.typelien != 1 %}
  173.                                 {% if categorie.typelien == '4' %}
  174.                                     <div class="text-center py-2 bouton-categorie">
  175.                                         <a href="tel:{{categorie.telephone}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  176.                                     </div>
  177.                                 {% elseif categorie.typelien == '2' %}
  178.                                     <div class="text-center py-2 bouton-categorie">
  179.                                         <a href="{{slug_link_interne(categorie.lieninterne)}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  180.                                     </div>
  181.                                 {% elseif categorie.typelien == '3' %}
  182.                                     <div class="text-center py-2 bouton-categorie">
  183.                                         <a href="{{categorie.lienexterne}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus" target="_blank">{{categorie.titrelien}}</a>
  184.                                     </div>
  185.                                 {% endif %}
  186.                         {% endif %}
  188.                         {% if docs and docs is not empty %}
  189.                             <div class="col-md-12 bloc-docs d-flex justify-content-center">
  190.                                 {% for doc in docs %}
  191.                                     <a class="btn-back-pulse m-2" href="{{doc.location ~ doc.path ~ '/' ~ doc.fileName}}" title="{{doc.fileName|slice(0, -4)}}" target="_blank"><i class="fa fa-file-pdf-o mr-2"></i>{{doc.fileName|slice(0, -4)}}</a>   
  192.                                 {% endfor %}
  193.                             </div>
  194.                         {% endif %}
  196.                     </div>
  197.                 </div>
  198.             {% endif %}
  200.             <div class="list_blocs {{position_texte}}">
  201.                 {% if categorie.positiontext != 1  %}
  202.                     <div class="cnt_blocs">
  203.                         {% if categorie.chapeaucategorie !='' %}
  204.                             <div class="col-sm-12 text-center mb-1">
  205.                                 <h2 class="sub-title">{{categorie.chapeaucategorie}}</h2>
  206.                             </div>
  207.                         {% endif %}
  208.                         
  209.                         {% if categorie.textecategorie is not empty and categorie.textecategorie != "" %}
  210.                             <div class="col-lg-12 content_post">
  211.                                 <div class="texte-content">{{categorie.textecategorie|raw}}</div>
  212.                             </div>
  213.                         {% endif %}
  215.                         {% if categorie.typelien == null %}
  216.                             {% if categorieTree is defined and categorieTree[0] is defined  %}
  217.                                 <div class="text-center py-2 bouton-categorie">
  218.                                     <a href="{{path('page',{slug:categorieTree[0].slug})}}" class="btn btn-back-pulse">Retour à la liste {{categorieTree[0].titre}}</a>
  219.                                 </div>
  220.                             {% endif %} 
  221.                         {% elseif categorie.typelien != 1 %}
  222.                                 {% if categorie.typelien == '4' %}
  223.                                     <div class="text-center py-2 bouton-categorie">
  224.                                         <a href="tel:{{categorie.telephone}}" class="btn btn-back-pulse">{{categorie.titrelien}}</a>
  225.                                     </div>
  226.                                 {% elseif categorie.typelien == '2' %}
  227.                                     <div class="text-center py-2 bouton-categorie">
  228.                                         <a href="{{slug_link_interne(categorie.lieninterne)}}" class="btn btn-back-pulse">{{categorie.titrelien}}</a>
  229.                                     </div>
  230.                                 {% elseif categorie.typelien == '3' %}
  231.                                     <div class="text-center py-2 bouton-categorie">
  232.                                         <a href="{{categorie.lienexterne}}" class="btn btn-back-pulse" target="_blank">{{categorie.titrelien}}</a>
  233.                                     </div>
  234.                                 {% endif %}
  235.                         {% endif %}
  237.                         {% if docs and docs is not empty %}
  238.                             <div class="col-md-12 bloc-docs d-flex justify-content-center">
  239.                                 {% for doc in docs %}
  240.                                     <a class="btn-back-pulse m-2" href="{{doc.location ~ doc.path ~ '/' ~ doc.fileName}}" title="{{doc.fileName|slice(0, -4)}}" target="_blank"><i class="fa fa-file-pdf-o mr-2"></i>{{doc.fileName|slice(0, -4)}}</a>   
  241.                                 {% endfor %}
  242.                             </div>
  243.                         {% endif %}
  245.                     </div>
  247.                 {% endif %}
  248.                 <div class="blocs">
  249.                 
  250.                     {% if template is defined and template is not empty %}
  251.                         {{ include(template_from_string(template.twig)) }}
  252.                     {% endif %}
  253.                     
  254.                     {% if pagination == true and posts.hasToPaginate and posts.pageSize %}
  255.                         <div class="pagination-items">
  256.                             {% set paginator = posts %}
  257.                             <div class="navigation text-center">
  258.                                 <ul class="pagination d-felx justify-content-center my-4">
  259.                                     {% if paginator.hasPreviousPage %}
  260.                                         <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>
  261.                                     {% else %}
  262.                                         <li class="prev disabled mx-1"><span><i class="fa fw fa-long-arrow-left"></i> {{ 'paginator.previous'|trans([],'variable') }}</span></li>
  263.                                     {% endif %}
  264.                                     {% if paginator and paginator.pageSize %}
  265.                                         {% for i in 1..paginator.lastPage %}
  266.                                             {% if i == paginator.currentPage %}
  267.                                                 <li class="active number mx-1"><span>{{ i }} </span></li>
  268.                                             {% else %}
  269.                                                 <li class="number mx-1"><a href="{{ path('page', {slug:categorie.slugurl}) }}?page={{i}}">{{ i }}</a></li>
  270.                                             {% endif %}
  271.                                         {% endfor %}
  272.                                     {% endif %}
  274.                                     {% if paginator and paginator.pageSize %}
  275.                                         {% if paginator.hasNextPage %}
  276.                                             <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>
  277.                                         {% else %}
  278.                                             <li class="next disabled mx-1"><span>{{ 'paginator.next'|trans([],'variable')}} <i class="fa fw fa-long-arrow-right"></i></span></li>
  279.                                         {% endif %}
  280.                                     {% endif %}
  281.                                     
  282.                                 </ul>
  283.                             </div>
  284.                         </div>
  285.                     {% endif %}
  286.                 </div>
  287.             </div>
  289.             {% if categorie.actif_haut != 1 and categorie.positiontext == 1 %}
  290.                 <div class="container-fluid wrapper">
  291.                     <div id="bloc-texte-principal" class="row mb-3 mt-2">
  292.                         {% if categorie.chapeaucategorie !='' %}
  293.                             <div class="col-sm-12 text-center mb-1">
  294.                                 <h2 class="sub-title">{{categorie.chapeaucategorie}}</h2>
  295.                             </div>
  296.                         {% endif %}
  297.                         
  298.                         {% if categorie.image is defined  and categorie.image is not empty %}
  299.                             <div class="col-lg-12 py-5 d-flex justify-content-center">
  300.                                 <div class="col-sm-12 col-md-6">
  301.                                     <img class="img-fluid" src="{{asset_image(categorie.image)}}" alt="{{categorie.titrecategorie}}" />
  302.                                 </div>
  303.                             </div>
  304.                         {% endif %}
  306.                         {% if categorie.textecategorie is not empty and categorie.textecategorie != " " %}
  307.                             <div class="col-lg-12 content_post">
  308.                                 <div class="texte-content">{{categorie.textecategorie|raw}}</div>
  309.                             </div>
  310.                         {% endif %}
  312.                         {% if categorie.typelien == null %}
  313.                             {% if categorieTree is defined and categorieTree[0] is defined  %}
  314.                                 <div class="text-center py-2 bouton-categorie">
  315.                                     <a href="{{path('page',{slug:categorieTree[0].slug})}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus">Retour à la liste {{categorieTree[0].titre}}</a>
  316.                                 </div>
  317.                             {% endif %} 
  318.                         {% elseif categorie.typelien != 1 %}
  319.                                 {% if categorie.typelien == '4' %}
  320.                                     <div class="text-center py-2 bouton-categorie">
  321.                                         <a href="tel:{{categorie.telephone}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  322.                                     </div>
  323.                                 {% elseif categorie.typelien == '2' %}
  324.                                     <div class="text-center py-2 bouton-categorie">
  325.                                         <a href="{{slug_link_interne(categorie.lieninterne)}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  326.                                     </div>
  327.                                 {% elseif categorie.typelien == '3' %}
  328.                                     <div class="text-center py-2 bouton-categorie">
  329.                                         <a href="{{categorie.lienexterne}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus" target="_blank">{{categorie.titrelien}}</a>
  330.                                     </div>
  331.                                 {% endif %}
  332.                         {% endif %}
  334.                         {% if docs and docs is not empty %}
  335.                             <div class="col-md-12 bloc-docs d-flex justify-content-center">
  336.                                 {% for doc in docs %}
  337.                                     <a class="btn-back-pulse m-2" href="{{doc.location ~ doc.path ~ '/' ~ doc.fileName}}" title="{{doc.fileName|slice(0, -4)}}" target="_blank"><i class="fa fa-file-pdf-o mr-2"></i>{{doc.fileName|slice(0, -4)}}</a>   
  338.                                 {% endfor %}
  339.                             </div>
  340.                         {% endif %}
  342.                     </div>
  343.                 </div>
  344.             {% endif %}
  346.             {% if categorie.positiontext != 1 %}
  347.                 {% if categorie.image is defined  and categorie.image is not empty %}
  348.                     <div class="col-lg-12 py-5 d-flex justify-content-center">
  349.                         <div class="col-sm-12 col-md-6">
  350.                             <img class="img-fluid" src="{{asset_image(categorie.image)}}" alt="{{categorie.titrecategorie}}" />
  351.                         </div>
  352.                     </div>
  353.                 {% endif %}
  354.             {% endif %}
  356.             {% if galleries and galleries is not empty and template_model_gallerie is defined and template_model_gallerie is not empty %}
  357.                 {{ include(template_from_string(template_model_gallerie)) }}
  358.             {% endif %}
  359.             
  360.             {% if categorie.urlvideo is not empty %}
  361.                 <div class="container-fluid wrapper mt-3">
  362.                     <div class="col-md-12 mt-1">
  363.                         <div class="video">
  364.                             {% set id_video_externe = categorie.urlvideo|split('?v=')[1] is defined ? categorie.urlvideo|split('?v=')[1] : null %}
  365.                             <a class="video-thumbnail m-0" href="{{categorie.urlvideo}}" data-fancybox="video">
  366.                                 <img src="https://img.youtube.com/vi/{{id_video_externe}}/maxresdefault.jpg" class="img-fluid" alt=""/>
  367.                             </a>
  368.                         </div>
  369.                     </div>
  370.                 </div>
  371.             {% endif %}
  373.         </section>
  374.     {% endif %}
  376.         {% if blocs is defined  %}
  377.             {% for bloc in blocs.Bloc %}
  378.                 {% if is_mobile() and  bloc.mobile == true   %}
  379.                     {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
  380.                         bloc: bloc,
  381.                     }, with_context = false)}}
  382.                 {% endif %}
  383.                 
  384.                 {% if is_full_view() and is_mobile() == false and bloc.desktop == true %}
  385.                     {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
  386.                         bloc: bloc,
  387.                     }, with_context = false)}}
  388.                 {% endif %}
  389.             {% endfor %}
  390.         {% endif %} 
  392.     </div> 
  393. {% endblock %}
  395. {% block javascripts %}
  396.     {{parent()}}
  397.     {% if modele_galerie[0].type == 4 %}
  398.         <script src="{{asset('templates/front/theme1/assets/plugins/flexslider/jquery.flexslider.js')}}" ></script>
  399.         <script>    
  400.             /*-------------------------------------------------*/
  401.             /* =  Sx flexslider 
  402.             /*-------------------------------------------------*/
  403.             if ($(".sx_flexslider").length) {
  404.             $('.flex-carousel').flexslider({
  405.             animation: "slide",
  406.             controlNav: false,
  407.             animationLoop: true,
  408.             slideshow: false,
  409.             itemWidth: 150,
  410.             asNavFor: '.flex-slider'
  411.             });
  412.             $('.flex-slider').flexslider({
  413.             animation: "slide",
  414.             controlNav: false,
  415.             animationLoop: true,
  416.             slideshow: false,
  417.             sync: ".flex-carousel"
  418.             });
  419.             }
  420.         </script>
  421.     {% endif %}
  422.     
  423. {% endblock %}