templates/bundles/SyliusShopBundle/layout.html.twig line 162

Open in your IDE?
  1. <!DOCTYPE html>
  3. <html lang="{{ app.request.locale|slice(0, 2) }}">
  4. <head>
  6.     {# Seulement si on est en production #}
  8.     {% if app.environment == 'prod' %}
  9.         <!-- Google Tag Manager -->
  10.         <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  11.               new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  12.             j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  13.             'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  14.           })(window,document,'script','dataLayer','GTM-KQZBRVZ');</script>
  15.         <!-- End Google Tag Manager -->
  16.     {% endif %}
  18.     <meta charset="utf-8">
  19.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  21.     <title>{% block title %}Bikers Avenue{% endblock %}</title>
  22.     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.0/jquery.min.js" integrity="sha512-3gJwYpMe3QewGELv8k/BX9vcqhryRdzRMxVfq6ngyWXwo03GFEzjsUm8Q7RZcHPHksttq7/GFoxjCVUjkjvPdw==" crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
  23.     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  24.     <link rel="icon" href="/favicon.svg" type="image/svg+xml">
  25. {#    <link href="https://api.mapbox.com/mapbox-assembly/v1.3.0/assembly.min.css" rel="stylesheet">#}
  26.     <script id="search-js" defer="" src="https://api.mapbox.com/search-js/v1.0.0-beta.16/web.js"></script>
  27.     <script src='https://api.mapbox.com/mapbox-gl-js/v2.9.1/mapbox-gl.js'></script>
  28.     <link href='https://api.mapbox.com/mapbox-gl-js/v2.9.1/mapbox-gl.css' rel='stylesheet' />
  29.     <link href='https://fonts.googleapis.com/css?family=Poppins' rel='stylesheet'>
  30.     {% block metatags %}
  31.     {% endblock %}
  33.     {% block stylesheets %}
  34.         <link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">
  35.         <link href="{{ asset('style.css') }}" rel="stylesheet">
  36.         <style>
  37.             h1, h2, h3, h4, p, a, span, li, ul, button, input, label, textarea, select, option{
  38.                 font-family: 'Poppins', sans-serif !important;
  39.             }
  41.             *{
  42.                 /*font-family: 'Poppins', sans-serif !important;*/
  44.                 --xs-fz: 16px;
  45.                 --sm-fz: 20px;
  46.                 --md-fz: 28px;
  47.                 --lg-fz: 32px;
  48.             }
  49.             @media only screen and (max-width: 1025px){
  50.                 *{
  51.                     --xs-fz: 12px;
  52.                     --sm-fz: 14px;
  53.                     --md-fz: 18px;
  54.                     --lg-fz: 24px;
  55.                 }
  56.             }
  58.             #main-container{
  59.                 width: 100%;
  60.                 padding-bottom: 4rem;
  61.                 margin-top: 7.5rem;
  62.             }
  63.             #menu {
  64.                 background: transparent;
  65.                 position: absolute !important;
  66.                 width: 100%;
  67.                 height: 75px;
  68.                 margin: 0 !important;
  69.             }
  70.             .bitbag-page a, .bitbag-page a:hover {
  71.                 color: rgba(0, 0, 0, .87);
  72.                 width: 100%;
  73.             }
  75.             .bitbag-image-block a, .bitbag-image-block a:hover, .bitbag-image-block a:focus {
  76.                 color: #333333;
  77.             }
  79.             .top.one {
  80.                 margin-top: 1rem;
  81.             }
  83.             .bitbag-page, .bitbag-frequently-asked-question {
  84.                 padding-top: 1rem;
  85.                 padding-bottom: 1rem;
  86.                 border-bottom: 1px solid rgba(34, 36, 38, .15);
  87.             }
  89.             .bitbag-page:hover {
  90.                 background: rgba(0, 0, 0, .03);
  91.             }
  93.             .italic {
  94.                 font-style: italic;
  95.             }
  97.             .intro {
  98.                 text-align: center;
  99.                 text-transform: uppercase;
  100.                 font-weight: 900;
  101.             }
  103.             .intro.promo {
  104.                 text-align: center;
  105.                 text-transform: none;
  106.                 font-weight: 900;
  107.                 font-size: 20px;
  108.             }
  110.             .ui.menu .item > .label.credentials {
  111.                 font-size: 14px;
  112.             }
  114.             .cms-logo {
  115.                 margin-top: 20px;
  116.                 margin-bottom: 20px;
  117.             }
  119.             pre {
  120.                 overflow: auto;
  121.             }
  122.             .container-h {
  123.                 max-width: 1432px;
  124.                 width: 100%;
  125.                 margin: 0 auto;
  126.             }
  127.             .ui.breadcrumb{
  128.                 margin: 2rem 0 !important;
  129.             }
  130.         </style>
  132.         {{ sonata_block_render_event('sylius.shop.layout.stylesheets') }}
  133.         {{ sylius_template_event('sylius.shop.layout.stylesheets') }}
  134.     {% endblock %}
  136.     {{ sonata_block_render_event('sylius.shop.layout.head') }}
  137. </head>
  139. <body class="pushable">
  140. {% if app.request.pathInfo %}
  141.     <style>
  142.         #main-container{
  143.             margin-top: 75px;
  144.         }
  145.     </style>
  146. {% endif %}
  148. {% if app.environment == 'prod' %}
  149.     <!-- Google Tag Manager (noscript) -->
  150.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KQZBRVZ"
  151.                       height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  152.     <!-- End Google Tag Manager (noscript) -->
  153. {% endif %}
  155. {{ sonata_block_render_event('sylius.shop.layout.before_body') }}
  156. <div class="pusher">
  157.     {% block top %}
  158.         {% set urlpath = app.request.pathInfo %}
  159.         <div id="menu" class="ui large sticky inverted stackable menu">
  160.             {{ sonata_block_render_event('sylius.shop.layout.before_currency_switcher') }}
  162.             {{ render(controller('sylius.controller.shop.currency_switch:renderAction')) }}
  163.             {{ render(controller('sylius.controller.shop.locale_switch:renderAction')) }}
  165.             {{ sonata_block_render_event('sylius.shop.layout.before_security_widget') }}
  167.             {{ render(controller('sylius.controller.shop.security_widget:renderAction', {'urlpath': urlpath})) }}
  169.             {{ sonata_block_render_event('sylius.shop.layout.after_security_widget') }}
  170.         </div>
  171.     {% endblock %}
  173.     {% if app.request.pathInfo != "/" %}
  175.     <style>
  176.         /*#main-container{*/
  177.         /*    margin-top: 75px;*/
  178.         }
  179.         .container-h {
  180.             max-width: 1432px;
  181.             width: 100%;
  182.             margin: 0 auto;
  183.         }
  184.     </style>
  185.         {% endif %}
  186.     <div class="ui container" id="main-container">
  187. {#        {% block header %}#}
  188. {#            <header>#}
  189. {#                {% include '@SyliusShop/_header.html.twig' %}#}
  191. {#                {{ sonata_block_render_event('sylius.shop.layout.after_header') }}#}
  193. {#                <div class="ui large stackable menu">#}
  194. {#                    {{ render(url('sylius_shop_partial_taxon_index_by_code', {'code': 'menu_category', 'template': '@SyliusShop/Taxon/_horizontalMenu.html.twig'})) }}#}
  195. {#                    {{ render(path('bitbag_sylius_cms_plugin_shop_page_show_link_by_code', {'code' : 'about', 'template' : '@BitBagSyliusCmsPlugin/Shop/Page/Show/_link.html.twig'})) }}#}
  196. {#                    <a href="{{ path('sylius_admin_login') }}" class="item">#}
  197. {#                        <span class="ui label blue credentials">Admin credentials: bitbag, password: password</span>#}
  198. {#                    </a>#}
  199. {#                </div>#}
  200. {#            </header>#}
  201. {#        {% endblock %}#}
  203. {#        {% include '@SyliusUi/_flashes.html.twig' %}#}
  205.         {{ sonata_block_render_event('sylius.shop.layout.before_content') }}
  207.         {% block content %}
  208.         {% endblock %}
  210.         {{ sonata_block_render_event('sylius.shop.layout.after_content') }}
  211.     </div>
  213.     {% block footer %}
  214.         {% include '@SyliusShop/_footer.html.twig' %}
  215.     {% endblock %}
  216. </div>
  218. {% block javascripts %}
  219.     {% include '@SyliusUi/_javascripts.html.twig' with {'path': 'assets/shop/js/app.js'} %}
  220.     {{ sylius_template_event('sylius.shop.layout.javascripts') }}
  221.     {{ sonata_block_render_event('sylius.shop.layout.javascripts') }}
  222. {% endblock %}
  224. {% include '@SyliusUi/Modal/_confirmation.html.twig' %}
  225. {{ sonata_block_render_event('sylius.shop.layout.after_body') }}
  226. </body>
  227. </html>