templates/FrontBundle/layout_shop.html.twig line 126

Open in your IDE?
  1. {% set route      = app.request.attributes.get('_route') %}
  2. {% set controller = app.request.attributes.get("_controller")|parseControllerName %}
  3. {% set action     = app.request.attributes.get("_controller")|parseActionName %}
  5. {% if route in ['security_login', 'security_login_locale'] %}
  6.   {% set page = {'slug':'security_login'} %}
  7. {% endif %}
  9. {% if route in ['security_reset', 'security_reset_locale'] %}
  10.   {% set page = {'slug':'security_login'} %}
  11. {% endif %}
  13. <!doctype html>
  14. <html lang="{{ app.request.locale }}" class="page_shop page_{{page.slug}} {% block extra_class %}{% endblock %}">
  15.   <head>
  16.     <!-- End Cookie Yes Privacy Center -->
  17.     <!-- Google tag (gtag.js) -->
  18.     <script async src="https://www.googletagmanager.com/gtag/js?id=G-9910XG68H3"></script>
  19.     <!-- Google Tag Manager -->
  20. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  21. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  22. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  23. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  24. })(window,document,'script','dataLayer','GTM-PP6RN2GT');</script>
  25. <!-- End Google Tag Manager -->
  26.     <script>
  27.       window.dataLayer = window.dataLayer || [];
  28.       function gtag(){dataLayer.push(arguments);}
  29.       gtag('js', new Date());
  31.       gtag('config', 'G-9910XG68H3');
  32.     </script>
  33.     {% block google %}{% endblock %}
  34.     <meta charset="utf-8">
  36.     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
  37.     {# <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0" /> #}
  38.     <meta name="apple-mobile-web-app-capable" content="yes" />
  40.     <title>{% block title %}{% endblock %}</title>
  41.     <meta name="description" content="{% block description %}{% endblock %}"/>
  42. {#     <link href="/front/css/preloader.css" rel="stylesheet"> #}
  43. {#     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous"> #}
  44. {#     <link href="/front/css/bootstrap.custom.min.css" rel="stylesheet"> #}
  45.     <link href="/front/css/bootstrap.min.css" rel="stylesheet">
  46.     <link href="/front/css/tooltipster.bundle.min.css" rel="stylesheet">
  47.     <link href="/front/css/royal-palace.css?v={{'now'|date('U')}}" rel="stylesheet">
  48.     <link rel="stylesheet" href="/front/css/responsive.css?v={{'now'|date('U')}}" />
  51.     <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png">
  52.     <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png">
  53.     <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png">
  54.     <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png">
  55.     <link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png">
  56.     <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png">
  57.     <link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png">
  58.     <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png">
  59.     <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png">
  60.     <link rel="icon" type="image/png" sizes="192x192"  href="/favicon/android-icon-192x192.png">
  61.     <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
  62.     <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">
  63.     <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
  64.     <meta name="msapplication-TileColor" content="#ffffff">
  65.     <meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png">
  66.     <meta name="theme-color" content="#ffffff">
  68.     <meta name="google-site-verification" content="BC5-9oXkZhRVo7dozRIvZvdSvBJ4grngDXi5YGVmYLE" />
  69.     
  70.     {% block stylesheets %} {% endblock %}
  73.   </head>
  74.   <body>
  75. <!-- Google Tag Manager (noscript) -->
  76. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PP6RN2GT"
  77. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  78. <!-- End Google Tag Manager (noscript) -->    {% set tr = app.request.locale|loadTranslation %}
  80.     <div class="topbar">
  81.       <p>{{ 'topbar_shop'|tr(tr)|raw }}</p>
  82.       <a href="/{{app.request.locale }}/spectacle/grand-amour">Découvrir <img src="/front/img/espaces-arrow-r-w.svg" alt="spectacle" /></a>
  83.     </div>
  84.     <input type="hidden" id="menu_min" value="{% block menu_min %}{% endblock %}" />
  85.     <input type="hidden" id="menu_max" value="{% block menu_max %}{% endblock %}" />
  86.     
  87.     <header class="shop">
  88.       <a href="/{{app.request.locale}}" class="logo"><img src="/front/img/logo-w.svg" alt="{{app_sitename}}" /></a>
  89.       
  90.       <div class="menu-left">
  91.         <div href="#" class="locale">
  92.           {{ app.request.locale|upper }}
  93.           <ul>
  94.             {% if app.request.locale != 'fr' %}<li><a href="/fr/{{ (fr_url is defined) ? fr_url : page.slug|getUrl('fr') }}">FR</a></li>{% endif %}
  95.             {% if app.request.locale != 'de' %}<li><a href="/de/{{ (de_url is defined) ? de_url : page.slug|getUrl('de') }}">DE</a></li>{% endif %}
  96.             {% if app.request.locale != 'en' %}<li><a href="/en/{{ (en_url is defined) ? en_url : page.slug|getUrl('en') }}">EN</a></li>{% endif %}
  97.           </ul>
  98.         </div>
  99.         <a href="/{{app.request.locale}}/mon-compte"><img width="27px" src="/front/img/user-icon.svg" alt="Mon compte" /></a>
  100.       </div>
  102.       <div class="menu-right">
  103.         <a href="/{{app.request.locale }}/boutique/panier" class="cart">
  104.           <img src="/front/img/cart.svg" alt="cart" />
  105.           <span class="badge"></span>
  106.         </a>
  108.         <div class="menu-icon">
  109.           <div>
  110.             <span></span>
  111.             <span></span>
  112.           </div>
  113.         </div>
  114.       </div>
  116.       {% block sub_header %}{% endblock %}
  118.       {% include 'FrontBundle/Partial/menu.html.twig' %}
  119.       
  121.       {% include 'FrontBundle/Partial/search.html.twig' %}
  124.     </header>
  126.   {% block body %} {% endblock %}
  128.   {% include 'FrontBundle/Partial/resa-resume.html.twig' %}
  129.   
  130. {#   <script src="/front/js/preloader.js"></script> #}
  132.   <script src="/front/js/bootstrap.min.js"></script>
  133.   <script src="/front/js/jquery-3.6.0.min.js"></script>
  135.   {# <script src="/front/js/smoothscroll.js"></script> #}
  137.   <script src="/front/js/tooltipster.bundle.min.js"></script>
  139.   <script src="/front/js/script.js?v={{'now'|date('U')}}"></script>
  141.   <script src="/front/js/resa.js?v={{'now'|date('U')}}"></script>
  142.   
  143.   <script src="/front/js/cart.js?v={{'now'|date('U')}}"></script>
  145. {#   <script type="text/javascript" src="/front/js/magic_mouse.cdn.min.js"></script> #}
  146.   
  147.   <script type="text/javascript">
  149.     window.addEventListener( "pageshow", function ( event ) {
  150.       var historyTraversal = event.persisted || 
  151.                              ( typeof window.performance != "undefined" && 
  152.                                   window.performance.navigation.type === 2 );
  153.       if ( historyTraversal ) {
  154.         // Handle page restore.
  155.         window.location.reload();
  156.       }
  157.     });
  159.     $(document).ready(function() {
  164.       $(window).on('beforeunload', function() {
  165.         $('body').hide();
  166.         $(window).scrollTop(0);
  167.       });
  169.       if( $('.nav-list .overlay').length > 0 ){
  171.         const overlay = document.querySelector('.nav-list .overlay');
  172.         const nav_list = document.querySelectorAll('.nav-list ul li');
  175.         nav_list.forEach((list) => {
  176.           list.addEventListener('mouseover', () => {
  177.             let position = list.getBoundingClientRect();
  178.             overlay.classList.add('active');
  179.             overlay.style.left = position.x + 'px';
  180.             overlay.style.top = position.y + 'px';
  181.             overlay.style.height = position.height + 'px';
  182.             overlay.style.width = position.width + 'px';
  183.           });
  184.           list.addEventListener('mouseout', () => {
  185.             overlay.classList.remove('active');
  186.           });
  187.         });
  189.       }
  191.     });
  194.     function hoverList(list){
  195.       if( $('.nav-list .overlay').length > 0 ){
  196.         const overlay = document.querySelector('.nav-list .overlay');
  197.         let position = list.getBoundingClientRect();
  198.         overlay.classList.add('active');
  199.         overlay.style.left = position.x + 'px';
  200.         overlay.style.top = position.y + 'px';
  201.         overlay.style.height = position.height + 'px';
  202.         overlay.style.width = position.width + 'px';
  203.       }
  204.     }
  206.     setTimeout( function(){hoverList(document.querySelector('.nav-list ul li.active'));}  , 500);
  208.     $('.nav-list ul li').on('mouseover', function(){
  209.       $('.nav-list ul li').removeClass('hover');
  210.       $(this).addClass('hover');
  211.     });
  213.   </script>
  215.   {% block javascripts %} {% endblock %}
  217.   </body>
  218. </html>