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(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 categorie.imageBandeau %}
  43.         {% set imagebandeau = categorie.imageBandeau %}
  44.     {% elseif parametre.imageBandeau %}
  45.         {% set imagebandeau = 'uploads/images/' ~ parametre.imageBandeau %}
  46.     {% else %}
  47.         {% set imagebandeau = '' %}
  48.     {% endif %}
  49.     
  50.     {% if imagebandeau != '' %}
  51.         <section class="image-bandeau text-center">
  52.             <img alt="{{categorie.titrecategorie}}" title="{{categorie.titrecategorie}}" src="{{asset(imagebandeau)}}" />
  53.             <div class="cnt-bandeau text-center">
  54.                 <div class="container-fluid wrapper">
  55.                     <ol class="breadcrumb d-flex justify-content-center" itemscope itemtype="http://schema.org/BreadcrumbList">
  56.                         <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="{{path('index_page_home')}}" itemprop="item"><span itemprop="name">Accueil</span></a><meta itemprop="position" content="1" /></li>
  57.                         
  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.                         
  60.                         
  61.                         <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>
  62.                         </ol>
  63.                         <h1 class="page-title titre_page_mention">{{categorie.titrecategorie}}</h1>
  64.                 </div>
  65.             </div>
  66.         </section>
  67.     {% endif %}
  68.     
  69.     <div class="page_cms pt-5">
  70.         {% if imagebandeau == '' %}
  71.             <div class="container-fluid wrapper">
  72.                 <div class="breadcrumb-style-default">
  73.                         <div class="row">
  74.                             <div class="col-lg-12">
  75.                                 <div class="inner text-center">
  76.                                     <ol class="breadcrumb d-flex justify-content-center" itemscope itemtype="http://schema.org/BreadcrumbList">
  77.                                     <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="{{path('index_page_home')}}" itemprop="item"><span itemprop="name">Accueil</span></a><meta itemprop="position" content="1" /></li>
  78.                                     
  79.                                     {% 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 %}
  80.                                     
  81.                                     
  82.                                     <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>
  83.                                     </ol>
  84.                                     <h1 class="page-title titre_page_mention">{{categorie.titrecategorie}}</h1>
  85.                                 </div>
  86.                             </div>
  87.                         </div>
  88.                 </div>
  89.             </div>
  90.         {% endif %}
  92.         {% set position_texte = "" %}
  93.         {% if categorie.positiontext == 3 %}
  94.             {% set position_texte = "pos3"  %}
  95.         {% elseif categorie.positiontext == 2 %}
  96.             {% set position_texte = "pos2"  %}
  97.         {% else %}
  98.             {% set position_texte = "pos1"  %}
  99.         {% endif %}
  101.         {% set type_affiche = "" %}
  102.         {% if categorie.nombrearticle == 1 %}
  103.             {% set type_affiche = "type_affiche1"  %}
  104.         {% elseif categorie.nombrearticle == 2 %}
  105.             {% set type_affiche = "type_affiche2"  %}
  106.         {% else %}
  107.             {% set type_affiche = "type_affiche3"  %}
  108.         {% endif %}
  110.         {% if categorie.actif_slider == 1 %}
  111.             {% set type_affiche = type_affiche ~ " owl-carousel"  %}
  112.         {% endif %}
  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.         {% endif %}
  139.         {% if categorie.actif_haut == 1 and categorie.positiontext != 2 and categorie.positiontext != 3 %}
  140.             <div class="container-fluid wrapper">
  141.                 <div class="row mb-3 mt-2">
  142.                     {% if categorie.chapeaucategorie !='' %}
  143.                         <div class="col-sm-12 text-center mb-1">
  144.                             <h2 class="sub-title">{{categorie.chapeaucategorie}}</h2>
  145.                         </div>
  146.                     {% endif %}
  147.                     
  148.                     {% if categorie.image is defined  and categorie.image is not empty %}
  149.                         <div class="col-lg-12 py-5 d-flex justify-content-center">
  150.                             <div class="col-sm-12 col-md-6">
  151.                                 <img class="img-fluid" src="{{asset_image(categorie.image)}}" alt="{{categorie.titrecategorie}}" />
  152.                             </div>
  153.                         </div>
  154.                     {% endif %}
  156.                     {% if categorie.textecategorie is not empty and categorie.textecategorie != " " %}
  157.                         <div class="col-lg-12 content_post">
  158.                             {{categorie.textecategorie|raw}}
  159.                             {% if categorie.typelien == null %}
  160.                                 {% if categorieTree is defined and categorieTree[0] is defined  %}
  161.                                     <div class="text-center py-2">
  162.                                         <a href="{{path('page',{slug:categorieTree[0].slug})}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">Retour à la liste {{categorieTree[0].titre}}</a>
  163.                                     </div>
  164.                                 {% endif %} 
  165.                             {% elseif categorie.typelien != 1 %}
  166.                                     {% if categorie.typelien == '4' %}
  167.                                         <div class="text-center py-2">
  168.                                             <a href="tel:{{categorie.telephone}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  169.                                         </div>
  170.                                     {% elseif categorie.typelien == '2' %}
  171.                                         <div class="text-center py-2">
  172.                                             <a href="{{categorie.lieninterne}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  173.                                         </div>
  174.                                     {% elseif categorie.typelien == '3' %}
  175.                                         <div class="text-center py-2">
  176.                                             <a href="{{categorie.lienexterne}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  177.                                         </div>
  178.                                     {% endif %}
  179.                             {% endif %}
  180.                         </div>
  181.                     {% endif %}
  183.                     {% if docs and docs is not empty %}
  184.                         <div class="col-md-12 bloc-docs d-flex justify-content-center">
  185.                             {% for doc in docs %}
  186.                                 <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>   
  187.                             {% endfor %}
  188.                         </div>
  189.                     {% endif %}
  191.                 </div>
  192.             </div>
  193.         {% endif %}
  195.         <div class="list_blocs {{position_texte}}">
  196.             {% if categorie.actif_haut != 1 and categorie.positiontext != 1  %}
  197.                 <div class="cnt_blocs">
  198.                     {% if categorie.chapeaucategorie !='' %}
  199.                         <div class="col-sm-12 text-center mb-1">
  200.                             <h2 class="sub-title">{{categorie.chapeaucategorie}}</h2>
  201.                         </div>
  202.                     {% endif %}
  203.                     
  204.                     {% if categorie.textecategorie is not empty and categorie.textecategorie != "" %}
  205.                         <div class="col-lg-12 content_post">
  206.                             {{categorie.textecategorie|raw}}
  207.                             {% if categorie.typelien == null %}
  208.                                 {% if categorieTree is defined and categorieTree[0] is defined  %}
  209.                                     <div class="text-center py-2">
  210.                                         <a href="{{path('page',{slug:categorieTree[0].slug})}}" class="btn btn-back-pulse">Retour à la liste {{categorieTree[0].titre}}</a>
  211.                                     </div>
  212.                                 {% endif %} 
  213.                             {% elseif categorie.typelien != 1 %}
  214.                                     {% if categorie.typelien == '4' %}
  215.                                         <div class="text-center py-2">
  216.                                             <a href="tel:{{categorie.telephone}}" class="btn btn-back-pulse">{{categorie.titrelien}}</a>
  217.                                         </div>
  218.                                     {% elseif categorie.typelien == '2' %}
  219.                                         <div class="text-center py-2">
  220.                                             <a href="{{categorie.lieninterne}}" class="btn btn-back-pulse">{{categorie.titrelien}}</a>
  221.                                         </div>
  222.                                     {% elseif categorie.typelien == '3' %}
  223.                                         <div class="text-center py-2">
  224.                                             <a href="{{categorie.lienexterne}}" class="btn btn-back-pulse">{{categorie.titrelien}}</a>
  225.                                         </div>
  226.                                     {% endif %}
  227.                             {% endif %}
  228.                         </div>
  229.                     {% endif %}
  231.                     {% if docs and docs is not empty %}
  232.                         <div class="col-md-12 bloc-docs d-flex justify-content-center">
  233.                             {% for doc in docs %}
  234.                                 <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>   
  235.                             {% endfor %}
  236.                         </div>
  237.                     {% endif %}
  239.                 </div>
  241.             {% endif %}
  242.             <div class="blocs">
  243.                 {% if template is defined and template is not empty %}
  244.                     {{ include(template_from_string(template.twig)) }}
  245.                 {% endif %}
  246.                 
  247.                 {% if pagination == true and posts.hasToPaginate %}
  248.                     <div class="pagination-items">
  249.                         {% set paginator = posts %}
  250.                         <div class="navigation text-center">
  251.                             <ul class="pagination">
  252.                                 {% if paginator.hasPreviousPage %}
  253.                                     <li class="prev"><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>
  254.                                 {% else %}
  255.                                     <li class="prev disabled"><span><i class="fa fw fa-long-arrow-left"></i> {{ 'paginator.previous'|trans([],'variable') }}</span></li>
  256.                                 {% endif %}
  258.                                 {% for i in 1..paginator.lastPage %}
  259.                                     {% if i == paginator.currentPage %}
  260.                                         <li class="active number"><span>{{ i }} </span></li>
  261.                                     {% else %}
  262.                                         <li class="number"><a href="{{ path('page', {slug:categorie.slugurl,page: i }) }}">{{ i }}</a></li>
  263.                                     {% endif %}
  264.                                 {% endfor %}
  266.                                 {% if paginator.hasNextPage %}
  267.                                     <li class="next"><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>
  268.                                 {% else %}
  269.                                     <li class="next disabled"><span>{{ 'paginator.next'|trans([],'variable')}} <i class="fa fw fa-long-arrow-right"></i></span></li>
  270.                                 {% endif %}
  271.                             </ul>
  272.                         </div>
  273.                     </div>
  274.                 {% endif %}
  275.             </div>
  277.         </div>
  279.         {% if categorie.actif_haut != 1 and categorie.positiontext == 1 %}
  280.             <div class="container-fluid wrapper">
  281.                 <div class="row mb-3 mt-2">
  282.                     {% if categorie.chapeaucategorie !='' %}
  283.                         <div class="col-sm-12 text-center mb-1">
  284.                             <h2 class="sub-title">{{categorie.chapeaucategorie}}</h2>
  285.                         </div>
  286.                     {% endif %}
  287.                     
  288.                     {% if categorie.image is defined  and categorie.image is not empty %}
  289.                         <div class="col-lg-12 py-5 d-flex justify-content-center">
  290.                             <div class="col-sm-12 col-md-6">
  291.                                 <img class="img-fluid" src="{{asset_image(categorie.image)}}" alt="{{categorie.titrecategorie}}" />
  292.                             </div>
  293.                         </div>
  294.                     {% endif %}
  296.                     {% if categorie.textecategorie is not empty and categorie.textecategorie != " " %}
  297.                         <div class="col-lg-12 content_post">
  298.                             {{categorie.textecategorie|raw}}
  299.                             {% if categorie.typelien == null %}
  300.                                 {% if categorieTree is defined and categorieTree[0] is defined  %}
  301.                                     <div class="text-center py-2">
  302.                                         <a href="{{path('page',{slug:categorieTree[0].slug})}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">Retour à la liste {{categorieTree[0].titre}}</a>
  303.                                     </div>
  304.                                 {% endif %} 
  305.                             {% elseif categorie.typelien != 1 %}
  306.                                     {% if categorie.typelien == '4' %}
  307.                                         <div class="text-center py-2">
  308.                                             <a href="tel:{{categorie.telephone}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  309.                                         </div>
  310.                                     {% elseif categorie.typelien == '2' %}
  311.                                         <div class="text-center py-2">
  312.                                             <a href="{{categorie.lieninterne}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  313.                                         </div>
  314.                                     {% elseif categorie.typelien == '3' %}
  315.                                         <div class="text-center py-2">
  316.                                             <a href="{{categorie.lienexterne}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  317.                                         </div>
  318.                                     {% endif %}
  319.                             {% endif %}
  320.                         </div>
  322.                         {% if docs and docs is not empty %}
  323.                         <div class="col-md-12 bloc-docs d-flex justify-content-center">
  324.                             {% for doc in docs %}
  325.                                 <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>   
  326.                             {% endfor %}
  327.                         </div>
  328.                     {% endif %}
  329.                     {% endif %}
  331.                 </div>
  332.             </div>
  333.         {% endif %}
  335.         {% if categorie.positiontext != 1 %}
  336.             {% if categorie.image is defined  and categorie.image is not empty %}
  337.                 <div class="col-lg-12 py-5 d-flex justify-content-center">
  338.                     <div class="col-sm-12 col-md-6">
  339.                         <img class="img-fluid" src="{{asset_image(categorie.image)}}" alt="{{categorie.titrecategorie}}" />
  340.                     </div>
  341.                 </div>
  342.             {% endif %}
  343.         {% endif %}
  345.         {% if galleries and galleries is not empty and template_model_gallerie is defined and template_model_gallerie is not empty %}
  346.             {{ include(template_from_string(template_model_gallerie)) }}
  347.         {% endif %}
  348.         
  349.         {% if categorie.urlvideo is not empty %}
  350.             <div class="container-fluid wrapper mt-3">
  351.                 <div class="col-md-12 mt-1">
  352.                     <div class="video">
  353.                         {% set id_video_externe = categorie.urlvideo|split('?v=')[1] is defined ? categorie.urlvideo|split('?v=')[1] : null %}
  354.                         <a class="video-thumbnail m-0" href="{{categorie.urlvideo}}" data-fancybox="video">
  355.                             <img src="https://img.youtube.com/vi/{{id_video_externe}}/maxresdefault.jpg" class="img-fluid" alt=""/>
  356.                         </a>
  357.                     </div>
  358.                 </div>
  359.             </div>
  360.         {% endif %}
  362.         {% if blocs is defined  %}
  363.             {% for bloc in blocs.Bloc %}
  364.                 {% if is_mobile() and  bloc.mobile == true   %}
  365.                     {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
  366.                         bloc: bloc,
  367.                     }, with_context = false)}}
  368.                 {% endif %}
  369.                 
  370.                 {% if is_full_view() and is_mobile() == false and bloc.desktop == true %}
  371.                     {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
  372.                         bloc: bloc,
  373.                     }, with_context = false)}}
  374.                 {% endif %}
  375.             {% endfor %}
  376.         {% endif %} 
  378.     </div> 
  379. {% endblock %}
  381. {% block javascripts %}
  382.     {{parent()}}
  383.     {% if modele_galerie[0].type == 4 %}
  384.         <script src="{{asset('templates/front/theme1/assets/plugins/flexslider/jquery.flexslider.js')}}" ></script>
  385.         <script>    
  386.             /*-------------------------------------------------*/
  387.             /* =  Sx flexslider 
  388.             /*-------------------------------------------------*/
  389.             if ($(".sx_flexslider").length) {
  390.             $('.flex-carousel').flexslider({
  391.             animation: "slide",
  392.             controlNav: false,
  393.             animationLoop: true,
  394.             slideshow: false,
  395.             itemWidth: 150,
  396.             asNavFor: '.flex-slider'
  397.             });
  398.             $('.flex-slider').flexslider({
  399.             animation: "slide",
  400.             controlNav: false,
  401.             animationLoop: true,
  402.             slideshow: false,
  403.             sync: ".flex-carousel"
  404.             });
  405.             }
  406.         </script>
  407.     {% endif %}
  408.     
  409. {% endblock %}