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">{{title_home_ariane}}</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">{{title_home_ariane}}</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 %}
  114.         {% set multi_affichage = "affichage1"  %}
  116.         {% if categorie.multi_affichage == 1 %}
  117.             {% set multi_affichage = "affichage1"  %}
  118.         {% elseif categorie.multi_affichage == 2 %}
  119.             {% set multi_affichage = "affichage2"  %}
  120.         {% elseif categorie.multi_affichage == 3 %}
  121.             {% set multi_affichage = "affichage3"  %}
  122.         {% elseif categorie.multi_affichage == 4 %}
  123.             {% set multi_affichage = "affichage4"  %}
  124.         {% elseif categorie.multi_affichage == 5 %}
  125.             {% set multi_affichage = "affichage5"  %}
  126.         {% elseif categorie.multi_affichage == 6 %}
  127.             {% set multi_affichage = "affichage6"  %}
  128.         {% elseif categorie.multi_affichage == 7 %}
  129.             {% set multi_affichage = "affichage7"  %}
  130.         {% elseif categorie.multi_affichage == 8 %}
  131.             {% set multi_affichage = "affichage8"  %}
  132.         {% elseif categorie.multi_affichage == 9 %}
  133.             {% set multi_affichage = "affichage9"  %}
  134.         {% elseif categorie.multi_affichage == 10 %}
  135.             {% set multi_affichage = "affichage10"  %}
  136.         {% elseif categorie.multi_affichage == 11 %}
  137.             {% set multi_affichage = "affichage11"  %}
  138.         {% endif %}
  140.         {% if categorie.actif_haut == 1 and categorie.positiontext != 2 and categorie.positiontext != 3 %}
  141.             <div class="container-fluid wrapper">
  142.                 <div class="row mb-3 mt-2">
  143.                     {% if categorie.chapeaucategorie !='' %}
  144.                         <div class="col-sm-12 text-center mb-1">
  145.                             <h2 class="sub-title">{{categorie.chapeaucategorie}}</h2>
  146.                         </div>
  147.                     {% endif %}
  148.                     
  149.                     {% if categorie.image is defined  and categorie.image is not empty %}
  150.                         <div class="col-lg-12 py-5 d-flex justify-content-center">
  151.                             <div class="col-sm-12 col-md-6">
  152.                                 <img class="img-fluid" src="{{asset_image(categorie.image)}}" alt="{{categorie.titrecategorie}}" />
  153.                             </div>
  154.                         </div>
  155.                     {% endif %}
  157.                     {% if categorie.textecategorie is not empty and categorie.textecategorie != " " %}
  158.                         <div class="col-lg-12 content_post">
  159.                             {{categorie.textecategorie|raw}}
  160.                             {% if categorie.typelien == null %}
  161.                                 {% if categorieTree is defined and categorieTree[0] is defined  %}
  162.                                     <div class="text-center py-2">
  163.                                         <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>
  164.                                     </div>
  165.                                 {% endif %} 
  166.                             {% elseif categorie.typelien != 1 %}
  167.                                     {% if categorie.typelien == '4' %}
  168.                                         <div class="text-center py-2">
  169.                                             <a href="tel:{{categorie.telephone}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  170.                                         </div>
  171.                                     {% elseif categorie.typelien == '2' %}
  172.                                         <div class="text-center py-2">
  173.                                             <a href="{{categorie.lieninterne}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  174.                                         </div>
  175.                                     {% elseif categorie.typelien == '3' %}
  176.                                         <div class="text-center py-2">
  177.                                             <a href="{{categorie.lienexterne}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  178.                                         </div>
  179.                                     {% endif %}
  180.                             {% endif %}
  181.                         </div>
  182.                     {% endif %}
  184.                     {% if docs and docs is not empty %}
  185.                         <div class="col-md-12 bloc-docs d-flex justify-content-center">
  186.                             {% for doc in docs %}
  187.                                 <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>   
  188.                             {% endfor %}
  189.                         </div>
  190.                     {% endif %}
  192.                 </div>
  193.             </div>
  194.         {% endif %}
  196.         <div class="list_blocs {{position_texte}}">
  197.             {% if categorie.actif_haut != 1 and categorie.positiontext != 1  %}
  198.                 <div class="cnt_blocs">
  199.                     {% if categorie.chapeaucategorie !='' %}
  200.                         <div class="col-sm-12 text-center mb-1">
  201.                             <h2 class="sub-title">{{categorie.chapeaucategorie}}</h2>
  202.                         </div>
  203.                     {% endif %}
  204.                     
  205.                     {% if categorie.textecategorie is not empty and categorie.textecategorie != "" %}
  206.                         <div class="col-lg-12 content_post">
  207.                             {{categorie.textecategorie|raw}}
  208.                             {% if categorie.typelien == null %}
  209.                                 {% if categorieTree is defined and categorieTree[0] is defined  %}
  210.                                     <div class="text-center py-2">
  211.                                         <a href="{{path('page',{slug:categorieTree[0].slug})}}" class="btn btn-back-pulse">Retour à la liste {{categorieTree[0].titre}}</a>
  212.                                     </div>
  213.                                 {% endif %} 
  214.                             {% elseif categorie.typelien != 1 %}
  215.                                     {% if categorie.typelien == '4' %}
  216.                                         <div class="text-center py-2">
  217.                                             <a href="tel:{{categorie.telephone}}" class="btn btn-back-pulse">{{categorie.titrelien}}</a>
  218.                                         </div>
  219.                                     {% elseif categorie.typelien == '2' %}
  220.                                         <div class="text-center py-2">
  221.                                             <a href="{{categorie.lieninterne}}" class="btn btn-back-pulse">{{categorie.titrelien}}</a>
  222.                                         </div>
  223.                                     {% elseif categorie.typelien == '3' %}
  224.                                         <div class="text-center py-2">
  225.                                             <a href="{{categorie.lienexterne}}" class="btn btn-back-pulse">{{categorie.titrelien}}</a>
  226.                                         </div>
  227.                                     {% endif %}
  228.                             {% endif %}
  229.                         </div>
  230.                     {% endif %}
  232.                     {% if docs and docs is not empty %}
  233.                         <div class="col-md-12 bloc-docs d-flex justify-content-center">
  234.                             {% for doc in docs %}
  235.                                 <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>   
  236.                             {% endfor %}
  237.                         </div>
  238.                     {% endif %}
  240.                 </div>
  242.             {% endif %}
  243.             <div class="blocs">
  244.                 {% if template is defined and template is not empty %}
  245.                     {{ include(template_from_string(template.twig)) }}
  246.                 {% endif %}
  247.                 
  248.                 {% if pagination == true and posts.hasToPaginate %}
  249.                     <div class="pagination-items">
  250.                         {% set paginator = posts %}
  251.                         <div class="navigation text-center">
  252.                             <ul class="pagination">
  253.                                 {% if paginator.hasPreviousPage %}
  254.                                     <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>
  255.                                 {% else %}
  256.                                     <li class="prev disabled"><span><i class="fa fw fa-long-arrow-left"></i> {{ 'paginator.previous'|trans([],'variable') }}</span></li>
  257.                                 {% endif %}
  259.                                 {% for i in 1..paginator.lastPage %}
  260.                                     {% if i == paginator.currentPage %}
  261.                                         <li class="active number"><span>{{ i }} </span></li>
  262.                                     {% else %}
  263.                                         <li class="number"><a href="{{ path('page', {slug:categorie.slugurl,page: i }) }}">{{ i }}</a></li>
  264.                                     {% endif %}
  265.                                 {% endfor %}
  267.                                 {% if paginator.hasNextPage %}
  268.                                     <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>
  269.                                 {% else %}
  270.                                     <li class="next disabled"><span>{{ 'paginator.next'|trans([],'variable')}} <i class="fa fw fa-long-arrow-right"></i></span></li>
  271.                                 {% endif %}
  272.                             </ul>
  273.                         </div>
  274.                     </div>
  275.                 {% endif %}
  276.             </div>
  278.         </div>
  280.         {% if categorie.actif_haut != 1 and categorie.positiontext == 1 %}
  281.             <div class="container-fluid wrapper">
  282.                 <div class="row mb-3 mt-2">
  283.                     {% if categorie.chapeaucategorie !='' %}
  284.                         <div class="col-sm-12 text-center mb-1">
  285.                             <h2 class="sub-title">{{categorie.chapeaucategorie}}</h2>
  286.                         </div>
  287.                     {% endif %}
  288.                     
  289.                     {% if categorie.image is defined  and categorie.image is not empty %}
  290.                         <div class="col-lg-12 py-5 d-flex justify-content-center">
  291.                             <div class="col-sm-12 col-md-6">
  292.                                 <img class="img-fluid" src="{{asset_image(categorie.image)}}" alt="{{categorie.titrecategorie}}" />
  293.                             </div>
  294.                         </div>
  295.                     {% endif %}
  297.                     {% if categorie.textecategorie is not empty and categorie.textecategorie != " " %}
  298.                         <div class="col-lg-12 content_post">
  299.                             {{categorie.textecategorie|raw}}
  300.                             {% if categorie.typelien == null %}
  301.                                 {% if categorieTree is defined and categorieTree[0] is defined  %}
  302.                                     <div class="text-center py-2">
  303.                                         <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>
  304.                                     </div>
  305.                                 {% endif %} 
  306.                             {% elseif categorie.typelien != 1 %}
  307.                                     {% if categorie.typelien == '4' %}
  308.                                         <div class="text-center py-2">
  309.                                             <a href="tel:{{categorie.telephone}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  310.                                         </div>
  311.                                     {% elseif categorie.typelien == '2' %}
  312.                                         <div class="text-center py-2">
  313.                                             <a href="{{categorie.lieninterne}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  314.                                         </div>
  315.                                     {% elseif categorie.typelien == '3' %}
  316.                                         <div class="text-center py-2">
  317.                                             <a href="{{categorie.lienexterne}}" class="btn btn-primary py-3 px-5 mt-3 btn-plus">{{categorie.titrelien}}</a>
  318.                                         </div>
  319.                                     {% endif %}
  320.                             {% endif %}
  321.                         </div>
  323.                         {% if docs and docs is not empty %}
  324.                         <div class="col-md-12 bloc-docs d-flex justify-content-center">
  325.                             {% for doc in docs %}
  326.                                 <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>   
  327.                             {% endfor %}
  328.                         </div>
  329.                     {% endif %}
  330.                     {% endif %}
  332.                 </div>
  333.             </div>
  334.         {% endif %}
  336.         {% if categorie.positiontext != 1 %}
  337.             {% if categorie.image is defined  and categorie.image is not empty %}
  338.                 <div class="col-lg-12 py-5 d-flex justify-content-center">
  339.                     <div class="col-sm-12 col-md-6">
  340.                         <img class="img-fluid" src="{{asset_image(categorie.image)}}" alt="{{categorie.titrecategorie}}" />
  341.                     </div>
  342.                 </div>
  343.             {% endif %}
  344.         {% endif %}
  346.         {% if galleries and galleries is not empty and template_model_gallerie is defined and template_model_gallerie is not empty %}
  347.             {{ include(template_from_string(template_model_gallerie)) }}
  348.         {% endif %}
  349.         
  350.         {% if categorie.urlvideo is not empty %}
  351.             <div class="container-fluid wrapper mt-3">
  352.                 <div class="col-md-12 mt-1">
  353.                     <div class="video">
  354.                         {% set id_video_externe = categorie.urlvideo|split('?v=')[1] is defined ? categorie.urlvideo|split('?v=')[1] : null %}
  355.                         <a class="video-thumbnail m-0" href="{{categorie.urlvideo}}" data-fancybox="video">
  356.                             <img src="https://img.youtube.com/vi/{{id_video_externe}}/maxresdefault.jpg" class="img-fluid" alt=""/>
  357.                         </a>
  358.                     </div>
  359.                 </div>
  360.             </div>
  361.         {% endif %}
  363.         {% if blocs is defined  %}
  364.             {% for bloc in blocs.Bloc %}
  365.                 {% if is_mobile() and  bloc.mobile == true   %}
  366.                     {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
  367.                         bloc: bloc,
  368.                     }, with_context = false)}}
  369.                 {% endif %}
  370.                 
  371.                 {% if is_full_view() and is_mobile() == false and bloc.desktop == true %}
  372.                     {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
  373.                         bloc: bloc,
  374.                     }, with_context = false)}}
  375.                 {% endif %}
  376.             {% endfor %}
  377.         {% endif %} 
  379.     </div> 
  380. {% endblock %}
  382. {% block javascripts %}
  383.     {{parent()}}
  384.     {% if modele_galerie[0].type == 4 %}
  385.         <script src="{{asset('templates/front/theme1/assets/plugins/flexslider/jquery.flexslider.js')}}" ></script>
  386.         <script>    
  387.             /*-------------------------------------------------*/
  388.             /* =  Sx flexslider 
  389.             /*-------------------------------------------------*/
  390.             if ($(".sx_flexslider").length) {
  391.             $('.flex-carousel').flexslider({
  392.             animation: "slide",
  393.             controlNav: false,
  394.             animationLoop: true,
  395.             slideshow: false,
  396.             itemWidth: 150,
  397.             asNavFor: '.flex-slider'
  398.             });
  399.             $('.flex-slider').flexslider({
  400.             animation: "slide",
  401.             controlNav: false,
  402.             animationLoop: true,
  403.             slideshow: false,
  404.             sync: ".flex-carousel"
  405.             });
  406.             }
  407.         </script>
  408.     {% endif %}
  409.     
  410. {% endblock %}