templates/front/theme1/page_cms.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 post.image is defined  and post.image is not empty %}
  5.         {% if post.image %}
  6.             <link rel="preload" as="image" href="{{asset_image(post.image)}}" />
  7.         {% endif %}
  8.     {% endif %}
  10.      {% if galleries is defined and galleries is not empty %}
  11.            {% for item in galleries %}
  12.                 {% if item.path is defined %}
  13.                     <link rel="preload" as="image" href="{{asset_image_gallery(item.path)}}" />
  14.                 {% endif %}
  15.            {% endfor %}
  16.     {% endif %}
  18. {% endblock %}
  20. {% block stylesheets %}
  21.     {{parent()}}
  22.     {% if modele_galerie[0].type == 4 %}
  23.         <link rel="stylesheet" type="text/css" href="{{asset('templates/front/theme1/assets/plugins/flexslider/flexslider.css')}}" media="screen" >
  24.     {% endif %}
  25. {% endblock %}
  27. {% block body %}
  29.     {% set titre_page = post.title %}
  31.     {% if post.imageBandeau %}
  32.         {% set imagebandeau = post.imageBandeau %}
  33.     {% elseif parametre.imageBandeau %}
  34.         {% set imagebandeau = 'uploads/images/' ~ parametre.imageBandeau %}
  35.     {% else %}
  36.         {% set imagebandeau = '' %}
  37.     {% endif %}
  38.     
  39.     {% if imagebandeau != '' %}
  40.         <section class="image-bandeau text-center">
  41.             <img class="lazyload" alt="{{post.title}}" title="{{post.title}}" data-srcset="{{imagebandeau}}" src="{{asset(imagebandeau)}}" />
  42.             <div class="cnt-bandeau text-center">
  43.                 <div class="container-fluid wrapper">
  44.                     <ol class="breadcrumb d-flex justify-content-center" itemscope itemtype="http://schema.org/BreadcrumbList">
  45.                         <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>
  46.                         {% set niveau = 2 %}
  47.                         {% if categorieTree %}
  48.                                 {% for item in categorieTree %}
  49.                                     <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="{{path('page',{slug:item.slug})}}" title="{{item.titre|replace({'<span>':' ','</span>':' '})}}" itemprop="item"><span itemprop="name">{{item.titre|raw}}</span></a><meta itemprop="position" content="2" /></li> 
  50.                                     {% set niveau = 3 %}
  51.                                     {% if item.child is defined %}
  52.                                         {% for item in item.child %}
  53.                                             <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="{{path('page',{slug:item.slug})}}" title="{{item.titre|replace({'<span>':' ','</span>':' '})}}" itemprop="item"><span itemprop="name">{{item.titre|raw}}</span></a><meta itemprop="position" content="3" /></li> 
  54.                                             {% set niveau = 4 %}
  55.                                         {% endfor %}
  56.                                     {% endif %}
  57.                                 {% endfor %}
  58.                         {% endif %}
  59.                         <li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">{% if post.breadcrumb is not empty %}{{post.breadcrumb}}{% else %}{{post.title|raw}}{% endif %}</span><meta itemprop="position" content="{{niveau}}" /></li>
  60.                     </ol>
  61.                     <h1 class="page-title">{{post.title|raw}}</h1>
  62.                 </div>
  63.             </div>
  64.         </section>
  65.     {% endif %}
  66.     {% set bgimage = post.imageCouverture ? post.imageCouverture : "" %}
  67.     <div class="page_cms pt-5" {% if bgimage %}style="background-image:url('{{bgimage}}');background-repeat: no-repeat;background-size:cover;"{% endif %} >
  68.         {% if imagebandeau == '' %}
  69.         <div class="breadcrumb-style-default">
  70.             <div class="container-fluid wrapper">
  71.                 <div class="row">
  72.                     <div class="col-lg-12">
  73.                         <div class="inner text-center">
  74.                             <ol class="breadcrumb d-flex justify-content-center" itemscope itemtype="http://schema.org/BreadcrumbList">
  75.                                 <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>
  76.                                 {% set niveau = 2 %}
  77.                                 {% if categorieTree %}
  78.                                         {% for item in categorieTree %}
  79.                                             <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="{{path('page',{slug:item.slug})}}" title="{{item.titre|replace({'<span>':' ','</span>':' '})}}" itemprop="item"><span itemprop="name">{{item.titre|raw}}</span></a><meta itemprop="position" content="2" /></li> 
  80.                                             {% set niveau = 3 %}
  81.                                             {% if item.child is defined %}
  82.                                                 {% for item in item.child %}
  83.                                                     <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><a href="{{path('page',{slug:item.slug})}}" title="{{item.titre|replace({'<span>':' ','</span>':' '})}}" itemprop="item"><span itemprop="name">{{item.titre|raw}}</span></a><meta itemprop="position" content="3" /></li> 
  84.                                                     {% set niveau = 4 %}
  85.                                                 {% endfor %}
  86.                                             {% endif %}
  87.                                         {% endfor %}
  88.                                 {% endif %}
  89.                                 <li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">{% if post.breadcrumb is not empty %}{{post.breadcrumb}}{% else %}{{post.title|raw}}{% endif %}</span><meta itemprop="position" content="{{niveau}}" /></li>
  90.                             </ol>
  92.                             <h1 class="page-title">{{post.title|raw}}</h1>
  93.                         </div>
  94.                     </div>
  95.                 </div>
  96.             </div>
  97.         </div>
  98.         {% endif %}
  100.         {% if post.summary != "" or post.image is not empty or post.content != "" or galleries is not empty or post.urlvideo is not empty %}
  101.         <section class="content-page">
  102.             <div class="container-fluid wrapper mt-3">
  103.                 <div id="post-{{post.id}}" class="bloc-texte-principal gx-5 py-2">
  105.                     {% if post.summary is not empty and post.summary != "" and (post.positionimage != 2 and post.positionimage != 3) %}
  106.                         <div class="col-sm-12 text-center">
  107.                             <h2 class="sub-title wow">{{post.summary|raw}}</h2>
  108.                         </div>
  109.                     {% endif %}
  111.                     {% set position_image = post.positionimage %}
  112.                     {% set class_position = "" %}
  113.                     {% if post.positionimage == 2 %}
  114.                         {% set class_position = "float-md-left mb-2 mr-md-3"  %}
  115.                     {% elseif post.positionimage == 3 %}
  116.                         {% set class_position = "float-md-right mb-2 ml-md-3" %}
  117.                     {% endif %}
  118.                     
  120.                     {% if post.image and post.image is not empty %}
  121.                         <div class="col-image-post text-center my-4 {{class_position}}">
  122.                             <img class="lazyload img-fluid principal-img" src="{{asset_image(post.image)}}" alt="{{post.title|raw}}" />
  123.                         </div>
  124.                     {% endif %}
  126.                     {% if post.content is not empty and post.content != "" %}
  127.                         <div class="content_post">
  128.                             {% if post.summary is not empty and post.summary != "" and (post.positionimage == 2 or post.positionimage == 3) %}
  129.                                 <div class="col-sm-12">
  130.                                     <h2 class="sub-title wow">{{post.summary|raw}}</h2>
  131.                                 </div>
  132.                             {% endif %}
  134.                             {% set lien_site = "<a href="~url_site()~" title="~parametre.titre~">"~url_site()~"</a>" %}
  136.                             <div class="texte-content">{{post.content|replace({'[NDD]':lien_site})|raw}}</div>
  138.                             {% if post.typelien == null %}
  139.                                 {% if categorieTree is defined and categorieTree[0] is defined  %}
  140.                                     <div class="text-center py-2">
  141.                                         <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>
  142.                                     </div>
  143.                                 {% endif %}
  144.                             {% elseif post.typelien != 1 %}
  145.                                     {% if post.typelien == '4' %}
  146.                                         <div class="text-center py-2">
  147.                                             <a href="tel:{{post.telephone}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus">{{post.titrelien}}</a>
  148.                                         </div>
  149.                                     {% elseif post.typelien == '2' %}
  150.                                         <div class="text-center py-2">
  151.                                             <a href="{{slug_link_interne(post.lieninterne)}}" class="btn btn-cms py-3 px-5 mt-3 btn-plus">{{post.titrelien}}</a>
  152.                                         </div>
  153.                                     {% elseif post.typelien == '3' %}
  154.                                         <div class="text-center py-2">
  155.                                             <a href="{{post.lienexterne}}" target="_blank" class="btn btn-cms py-3 px-5 mt-3 btn-plus">{{post.titrelien}}</a>
  156.                                         </div>
  157.                                     {% endif %}
  158.                             {% endif %}
  160.                             {# autres articles associés #}
  161.                             {% if all_others_posts_associes is defined and all_others_posts_associes is not empty %}
  162.                                 <div class="others-posts mt-3">
  163.                                     {% for item in all_others_posts_associes %}
  164.                                     <div class="other-post">
  165.                                         <a class="article-titre" href="{{item.slug == "home" ? "/" : item.slug}}" title="{{item.title|raw}}">{{item.title|raw}}</a> 
  166.                                     </div>
  167.                                     {% endfor %}
  168.                                 </div>    
  169.                             {% endif %}
  170.                             {# fin autres articles associés #}
  172.                             {% if docs and docs is not empty %}
  173.                                 <div class="col-md-12 bloc-docs d-flex justify-content-center">
  174.                                     {% for doc in docs %}
  175.                                         <a class="btn-back-pulse m-2" href="{{doc.location ~ doc.path ~ '/' ~ doc.fileName}}" title="{{doc.titre}}" target="_blank"><i class="fa fa-file-pdf-o mr-2"></i>{{doc.titre}}</a>   
  176.                                     {% endfor %}
  177.                                 </div>
  178.                             {% endif %}
  180.                             {# Debut champs personnalisés#}
  181.                                 {% if champsPersonnalisesPost is defined and champsPersonnalisesPost is not empty %}
  182.                                     <div class="sx-social-icons mt-3 col-md-12 text-center">
  183.                                     {% for champ_personnalise_post in champsPersonnalisesPost %}
  184.                                         {% if champ_personnalise_post.value != "" %}
  185.                                             {% if champ_personnalise_post.type == "link" %}
  186.                                                 {% if champ_personnalise_post.alias == "lien-instagram" %}
  187.                                                         <a href="{{champ_personnalise_post.value}}" title="champ_personnalise_post.label" target="_blank"><i class="fa fa-instagram"></i></a>
  188.                                                 {% endif %}
  190.                                                 {% if champ_personnalise_post.alias == "lien-linkedin" %}
  191.                                                         <a href="{{champ_personnalise_post.value}}" title="champ_personnalise_post.label" target="_blank"><i class="fa fa-linkedin"></i></a>
  192.                                                 {% endif %}
  193.                                                 
  194.                                                 {% if champ_personnalise_post.alias == "lien-facebook" %}
  195.                                                         <a href="{{champ_personnalise_post.value}}" title="champ_personnalise_post.label" target="_blank"><i class="fa fa-facebook"></i></a>
  196.                                                 {% endif %}
  197.                                                 
  198.                                                 {% if champ_personnalise_post.alias == "lien-email" %}
  199.                                                         <a href="mailto:{{champ_personnalise_post.value}}" title="champ_personnalise_post.label" target="_blank"><i class="fa fa-envelope"></i></a>
  200.                                                 {% endif %}
  201.                                                         
  202.                                             {% endif %}
  204.                                         {% endif %}
  205.                                         
  206.                                     {% endfor %}
  207.                                     </div>
  208.                                 {% endif %}
  209.                             {# Fin champs personnalisés#}
  211.                         </div>
  212.                     {% endif %}
  213.                 </div>
  214.             </div>
  216.             <div class="clearfix"></div>
  218.             {# {% if galleries and galleries is not empty %}
  219.                 {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/galleries.html.twig',{galleries: galleries,post:post}, with_context = false)}}
  220.             {% endif %} #}
  222.             {% if galleries and galleries is not empty and template_model_gallerie is defined and template_model_gallerie is not empty %}
  223.                 {{ include(template_from_string(template_model_gallerie)) }}
  224.             {% endif %}
  226.             {% if post.urlvideo is not empty %}
  227.                 <div class="container-fluid wrapper mt-3">
  228.                     <div class="col-md-12 mt-1">
  229.                         <div class="video">
  230.                             {% set id_video_externe = post.urlvideo|split('?v=')[1] %}
  231.                             <a class="video-thumbnail m-0" href="{{post.urlvideo}}" data-fancybox="video">
  232.                                 <img src="https://img.youtube.com/vi/{{id_video_externe}}/maxresdefault.jpg" class="img-fluid" alt=""/>
  233.                             </a>
  234.                         </div>
  235.                     </div>
  236.                 </div>
  237.             {% endif %}
  239.         </section>
  241.         {% endif %}
  243.         {# article associer #}
  244.         
  245.         {% if all_posts_associes is defined and all_posts_associes is not empty %}
  246.             <section class="">
  247.                     <div class="container-fluid  mt-3">
  248.                         <div class="row gx-5 py-2">
  249.                        
  250.                             <div class="col-sm-12 text-center">
  251.                                 {% if parametre.titreArticleAssocier %}
  252.                                     <h2 class="sub-title wow">{{parametre.titreArticleAssocier}}</h2>
  253.                                 {% endif %}
  254.                             </div>
  255.                             <div class="col-sm-12">
  256.                                 <div class="list_blocs pos1">
  257.                                     <div class="blocs">
  258.                                         <section class="results dynam-affichage affichage1 type_affiche3 ">
  259.                                             {% for item in all_posts_associes %}
  260.                                                 {% set duree = 0.1 %}
  261.                                                 {% for item_one in item %}
  262.                                                     {% set image_item = item_one.image != null? asset_image(item_one.image): null %}
  263.                                                 
  264.                                                 {% set image_item = image_item != null? image_item :asset('uploads/images/' ~ parametre.imagevide) %}
  266.                                                 <div class="article wow zoomIn animated" data-wow-delay="{{duree}}s" style="visibility: visible; animation-delay: 0.1s; animation-name: zoomIn;">
  267.                                                     <span class="article-image lazyloaded"  style="background-image: url({{image_item}}); background-size: cover; background-position: center center; background-repeat: no-repeat;"> </span>                 
  268.                                                     <span class="article-cnt">
  269.                                                         {% if item_one.title %}
  270.                                                             <a class="article-titre" href="{{item_one.slug}}" title="{{item_one.title|raw}}">{{item_one.title|raw}}</a> 
  271.                                                         {% endif %} 
  273.                                                         {% if item_one.summary is not empty %}
  274.                                                             <span class="article-txt">
  275.                                                                 {{item_one.summary|raw}}
  276.                                                             </span>
  277.                                                         {% else %}
  278.                                                             <span class="article-txt">
  279.                                                             {% if item_one.content != "" %}
  280.                                                                 {{cutText(item_one.content)|raw}}
  281.                                                             {% endif %}
  282.                                                             </span>
  283.                                                         {% endif %}
  284.                                                        
  285.                                                        <span class="article-bts">
  286.                                                                 <button class="article-plus btn-fade" onclick="window.open('{{item_one.slug}}', '_self');" title="En savoir plus">En savoir plus</button>
  287.                                                             </span> 
  288.                                                     </span>
  289.                                                 </div>
  290.                                                 {% endfor %}
  291.                                                 {% set duree = duree + 0.2 %}
  292.                                             {% endfor %}
  293.                                         </section>
  294.                                     </div>
  295.                                 </div>
  296.                             </div>
  298.                         </div>
  299.                     </div>
  300.             </section>
  301.         {% endif %}
  302.         {# fin article associer #}
  304.         {% if blocs is defined  %}
  305.             {% for bloc in blocs.Bloc %}
  306.                 {% if is_mobile() and  bloc.mobile == true   %}
  307.                     {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
  308.                         bloc: bloc,
  309.                         product_interesse:product_interesse,
  310.                         annonce_interesse:annonce_interesse,
  311.                     }, with_context = false)}}
  312.                 {% endif %}
  313.                 
  314.                 {% if is_full_view() and is_mobile() == false and bloc.desktop == true %}
  315.                     {{ include ('front/'~ app.request.server.get('APP_THEME') ~'/bloc/bloc.html.twig',{
  316.                         bloc: bloc,
  317.                         product_interesse:product_interesse,
  318.                         annonce_interesse:annonce_interesse,
  319.                     }, with_context = false)}}
  320.                 {% endif %}
  321.             {% endfor %}
  322.         {% endif %} 
  324.         {% if ref_pages_principal is defined and ref_pages_principal is not empty %}
  325.             <section class="bg-section-ref">
  326.                 <div class="container-fluid  mt-3">
  327.                     <div class="row gx-5 py-2">
  328.                         <div class="col-sm-12 text-center">
  329.                             <h2 class="sub-title wow">{{parametreRef.titreblocactivitearticle|default('')}} </h2>
  330.                         </div>
  331.                         <div class="col-sm-12">
  332.                             <div class="list_blocs pos1">
  333.                                 <div class="blocs">
  334.                                     <section class="results dynam-affichage affichage1 type_affiche3">
  335.                                         {% for item in ref_pages_principal %}
  336.                                             {% set duree = 0.1 %}
  337.                                             {% set image_item = item.image != null? asset_image(item.image):'uploads/images/' ~ parametre.imagevide %}
  338.                                             <div class="article wow zoomIn animated" data-wow-delay="{{duree}}s" style="visibility: visible; animation-delay: 0.1s; animation-name: zoomIn;">
  339.                                                 <span class="article-image lazyloaded"  style="background-image: url({{image_item}}); background-size: cover; background-position: center center; background-repeat: no-repeat;"> </span>                 
  340.                                                 <span class="article-cnt">
  341.                                                     <a class="article-titre" href="{{path('page',{slug:item.slug})}}" title="" >{{item.title}}</a>
  342.                                                     <span class="article-txt">
  343.                                                         {% if item.summary is not empty %}
  344.                                                             {{item.summary|raw}}
  345.                                                         {% else %}
  346.                                                             {{cutText(item.content)|raw}}
  347.                                                         {% endif %}
  348.                                                     </span>
  349.                                                     <span class="article-bts">
  350.                                                         <button class="article-plus btn-fade" onclick="window.open('{{path('page',{slug:item.slug})}}', '_self');" title="En savoir plus">En savoir plus</button>
  351.                                                     </span>
  352.                                                 </span>
  353.                                             </div>
  354.                                             {% set duree = duree + 0.2 %}
  355.                                         {% endfor %}
  356.                                     </section>
  357.                                 </div>
  358.                             </div>
  359.                         </div>
  361.                     </div>
  362.                 </div>
  363.             </section>
  364.         {% endif %}
  366.         {% if ref_pages_secondaire is defined and ref_pages_secondaire is not empty %}
  367.             <section class="{{ref_pages_principal is defined and ref_pages_principal is empty?'bg-section-ref':''}}">
  368.                 <div class="container-fluid mt-3">
  369.                     <div class="row gx-5 py-2">
  370.                         <div class="col-sm-12 text-center">
  371.                             <h2 class="sub-title wow">{{parametreRef.titreblocsousactivitearticle|default('')}}</h2>
  372.                         </div>
  373.                         <div class="col-sm-12">
  374.                             <div class="list_blocs pos1">
  375.                                 <div class="blocs">
  376.                                     <section class="results dynam-affichage affichage1 type_affiche3">
  377.                                         {% for item in ref_pages_secondaire %}
  378.                                             {% set duree = 0.1 %}
  379.                                             {% set image_item = item.image != null? asset_image(item.image):'uploads/images/' ~ parametre.imagevide %}
  380.                                             <div class="article wow zoomIn animated" data-wow-delay="{{duree}}s" style="visibility: visible; animation-delay: 0.1s; animation-name: zoomIn;">
  381.                                                 <span class="article-image lazyloaded"  style="background-image: url({{image_item}}); background-size: cover; background-position: center center; background-repeat: no-repeat;"> </span>                 
  382.                                                 <span class="article-cnt">
  383.                                                     <a class="article-titre" href="{{path('page',{slug:item.slug})}}" title="" >{{item.title}}</a>
  384.                                                     <span class="article-txt">
  385.                                                         {% if item.summary is not empty %}
  386.                                                             {{item.summary|raw}}
  387.                                                         {% else %}
  388.                                                             {{cutText(item.content)|raw}}
  389.                                                         {% endif %}
  390.                                                     </span>
  391.                                                     <span class="article-bts">
  392.                                                         <button class="article-plus btn-fade" onclick="window.open('{{path('page',{slug:item.slug})}}', '_self');" title="En savoir plus">En savoir plus</button>
  393.                                                     </span>
  394.                                                 </span>
  395.                                             </div>
  396.                                             {% set duree = duree + 0.2 %}
  397.                                         {% endfor %}
  398.                                     </section>
  399.                                 </div>
  400.                             </div>
  401.                         </div>
  403.                     </div>
  404.                 </div>
  405.             </section>
  406.         {% endif %}
  408.         {% if next_article is defined and next_article is not empty or prev_article is defined and prev_article is not empty %}
  409.         <div class="container-fluid wrapper mt-3">
  410.             <div class="row gx-5 py-4">
  411.                 <div class="col-lg-12 d-flex justify-content-between">
  412.                     <div class="">
  413.                         {% if prev_article is defined and prev_article is not empty %}
  414.                             <a href="{{path('page',{'slug':prev_article.slug})}}" title="{{prev_article.title|replace({'<span>':' ','</span>':' '})}}"><span class="signe1"><i class="fa fa-arrow-left"></i></span> {{prev_article.title|raw}}</a>
  415.                         {% endif %}
  416.                     </div>
  417.                     <div class="">
  418.                         {% if next_article is defined and next_article is not empty %}
  419.                             <a href="{{path('page',{'slug':next_article.slug})}}"  title="{{next_article.title|replace({'<span>':' ','</span>':' '})}}">{{next_article.title|raw}}  <span class="signe1"><i class="fa fa-arrow-right"></i></span></a>
  420.                         {% endif %}
  421.                     </div>
  422.                 </div>
  423.             </div>
  424.         </div>
  425.         {% endif %}
  426.     </div> 
  428. {% endblock %}
  430. {% block javascripts %}
  431.     {{parent()}}
  433.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
  436.     {% if modele_galerie[0].type == 4 %}
  437.         {{parent()}}
  438.         <script src="{{asset('templates/front/theme1/assets/plugins/flexslider/jquery.flexslider.js')}}" ></script>
  439.         <script>    
  440.             /*-------------------------------------------------*/
  441.             /* =  Sx flexslider 
  442.             /*-------------------------------------------------*/
  443.             if ($(".sx_flexslider").length) {
  444.             $('.flex-carousel').flexslider({
  445.             animation: "slide",
  446.             controlNav: false,
  447.             animationLoop: true,
  448.             slideshow: false,
  449.             itemWidth: 150,
  450.             asNavFor: '.flex-slider'
  451.             });
  452.             $('.flex-slider').flexslider({
  453.             animation: "slide",
  454.             controlNav: false,
  455.             animationLoop: true,
  456.             slideshow: false,
  457.             sync: ".flex-carousel"
  458.             });
  459.             }
  460.         </script>
  461.     {% endif %}
  462.     
  463. {% endblock %}