themes/BootstrapChildTheme/SyliusShopBundle/views/layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  3. <html lang="{{ app.request.locale|slice(0, 2) }}">
  4. <head>
  5.     <meta charset="utf-8">
  6.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.     {# <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/shop/icon/favicon.ico') }}"> #}
  9.     <!-- favicon -->
  10.     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  11.     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  12.     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  13.     <link rel="manifest" href="/site.webmanifest">
  14.     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#003cbc">
  15.     <meta name="msapplication-TileColor" content="#da532c">
  16.     <meta name="theme-color" content="#ffffff">
  17.     <!-- favicon -->
  19.     <title>{% block title %}{{ sylius.channel.name }}{% endblock %}</title>
  20.     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  21.     {# <link rel="canonical" href="{{ app.request.scheme ~ '://' ~ app.request.host ~ app.request.pathInfo }}" /> #}
  22.     <link rel="canonical" href="{{ 'https://' ~ app.request.host ~ app.request.pathInfo }}" />
  23.     {% block metatags %}
  24.     {% endblock %}
  25.     {% block stylesheets %}
  26.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simple-notify@1.0.4/dist/simple-notify.css" />
  27.         {{ sylius_template_event('sylius.shop.layout.stylesheets') }}
  28.         {% include '@SyliusUi/_stylesheets.html.twig' with {'path': 'assets/shop/css/style.css'} %}
  29.         {{ encore_entry_link_tags('bitbag-elasticsearch-shop', null, 'elasticsearch_shop') }}
  30.     {% endblock %}
  31.     {{ sylius_template_event('sylius.shop.layout.head') }}
  33.     {% block google_tag_manager %}
  34.       <!-- Google Tag Manager -->
  35.         <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  36.         new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  37.         j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  38.         'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  39.         })(window,document,'script','dataLayer','GTM-NQHQ55VB');
  41.         window.dataLayer = window.dataLayer || [];
  42.         function gtag(){dataLayer.push(arguments);}
  43.         gtag('js', new Date());
  45.         gtag('config', 'G-5G36C9X1J4',{ 'debug_mode': true });
  46.         console.log('ran the initial GTM set up script ');
  48.         </script>
  49.       <!-- End Google Tag Manager -->
  50.     {% endblock %}
  52.     <style>
  53.       @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
  54.       .homepage-banner{
  55.         background-color: #FFC010;
  56.         text-align: center;
  57.         padding: 0.5rem;
  58.         display: flex;
  59.         align-items: center;
  60.         justify-content: center;
  61.         font-family: Poppins;
  62.         font-size: 1rem;
  63.       }
  65.       .homepage-banner p{
  66.         margin:0;
  67.         font-weight: 400;
  68.       }
  70.       .homepage-banner a{
  71.         /*border: 1px solid #000C25;
  72.         border-radius:0.25rem;
  73.         padding: 0.5rem;*/
  74.         color:#000;
  75.         text-decoration: underline;
  76.         /*font-weight: 700;
  77.         font-size: 0.75rem;
  78.         line-height: 1rem;
  79.         margin-left:0.75rem;*/
  81.       }
  83.       @media screen and (max-width: 600px){
  84.         .noel{
  85.           font-size: 0.85rem;
  86.           text-align: left;
  87.         }
  88.       }
  90.     </style>
  91. </head>
  93. <body class="pushable">
  94. {{ sylius_template_event('sylius.shop.layout.before_body') }}
  95. <div class="pusher">
  96.     {% block header %}
  97.         <header>
  98.             {{ sylius_template_event('sylius.shop.layout.header') }}
  99.         </header>
  100.     {% endblock %}
  101.     {% if app.request.get('_route') == "sylius_shop_homepage" %}
  102.         {% include '@SyliusShop/_flashes.html.twig' %}
  103.         {% include '@SyliusShop/Homepage/_banner.html.twig' %}
  104.     {% endif %}
  106.     {% if app.request.get('_route') == "sylius_shop_homepage" %}
  107.         <div class="ui container fluid">
  108.             <div class="row bottom_back pt-5 pb-5">
  109.                 <div class="container">
  110.                     <div class="row">
  111.                         <div class="col-12">
  112.                             <h4 class="ui horizontal section divider header mb-3" style="white-space: normal !important;">{{ 'sylius.ui.discover_box' |trans }}</h4>
  113.                             <div class="text_class custom_text pb-5">{{ 'sylius.ui.discover_box_text'|trans|raw }}</div>
  114.                         </div>
  115.                     </div>
  116.                     <div class="row m-auto discover-box">
  117.                         <div class="col-lg-3 mb-3 col-6">
  118.                             <a href="{{ path('sylius_shop_product_show', {'slug': 'boiteahistoires'}) }}">
  119.                                 <img class="image img-fluid" src="{{ asset('assets/shop/images/box.jpg') }}" alt="{{ 'footer.menu.conteuseMax'|trans }}">
  120.                             </a>
  121.                         </div>
  122.                         <div class="col-lg-3 mb-3 col-6">
  123.                             <a href="{{ path('sylius_shop_product_show', {'slug': 'casque'}) }}">
  124.                                 <img class="image img-fluid" src="{{ asset('assets/shop/images/casque.jpg') }}" alt="{{ 'footer.menu.casque'|trans }}">
  125.                             </a>
  126.                         </div>
  127.                         <div class="col-lg-3 col-6">
  128.                             <a href="{{ path('sylius_shop_product_show', {'slug': 'banane'}) }}">
  129.                                 <img class="image img-fluid" src="{{ asset('assets/shop/images/sacoche.jpg') }}" alt="{{ 'footer.menu.sacoche'|trans }}">
  130.                             </a>
  131.                         </div>
  132.                         <div class="col-lg-3 col-6">
  133.                             <div class="avis-verifies">
  134.                                 <div id="6e897e14-5bfa-4903-96d5-591f3efd0ada"></div><script defer charset="utf-8" src="https://widgets.rr.skeepers.io/generated/2daef7fd-7a49-c914-f593-50b778d77ccb/6e897e14-5bfa-4903-96d5-591f3efd0ada.js"></script>
  135.                             </div>
  136.                         </div>
  137.                     </div>
  138.                 </div>
  139.             </div>
  140.         </div>
  141.     {% endif %}
  143.     {% block wrapper %}
  144.     <div class="ui container">
  145.         {% if app.request.get('_route') != "sylius_shop_homepage" %}
  146.           {% include '@SyliusShop/_flashes.html.twig' %}
  147.         {% endif %}
  149.         {{ sylius_template_event('sylius.shop.layout.before_content') }}
  150.         {% block content %}
  151.         {% endblock %}
  152.         {{ sylius_template_event('sylius.shop.layout.after_content') }}
  153.     </div>
  154.     {% endblock %}
  156.     {% block addPacks %}
  157.         {% if app.request.get('_route') == "sylius_shop_product_show" %}
  158.           <div class="packages mt-5">
  159.           <div class="container">
  160.             <div class="row justify-content-center">
  161.                 <div class="col-6 col-md-6 text-center mt-4">
  162.                   <h4 class="ui horizontal section divider header">{{ 'sylius.pages.content.addPackages'|trans }}</h4>
  163.                 </div>
  164.                 <div class="col-6 col-md-6 text-center mb-2">
  165.                 </div>
  166.             </div>
  168.             <div class="row mt-5 mb-4 text-center justify-content-center p-2">
  169.                   <div class="col-6 col-md-3 text-center">
  170.                    <picture>
  171.                       <source srcset="{{ asset('assets/shop/img/add_package_1.webp') }}" type="image/webp">
  172.                       <source srcset="{{ asset('assets/shop/img/add_package_1.png') }}" type="image/png">
  173.                       <img width="200px" height="200px" style="width:100% !important; height: auto !important;" src="{{ asset('assets/shop/img/add_package_1.png') }}" class="step_guide_image img-fluid" alt="{{ 'sylius.pages.content.loginToAccount'|trans }}" />
  174.                     </picture>
  176.                       <div class="text-center mt-2 mb-3 step_guide_text font-weight-bold">{{ 'sylius.pages.content.loginToAccount'|trans }}</div>
  177.                   </div>
  178.                   <div class="col-6 col-md-3 text-center">
  179.                     <picture>
  180.                       <source srcset="{{ asset('assets/shop/img/add_package_2.webp') }}" type="image/webp">
  181.                       <source srcset="{{ asset('assets/shop/img/add_package_2.png') }}" type="image/png">
  182.                       <img width="200px" height="200px" style="width:100% !important; height: auto !important;" src="{{ asset('assets/shop/img/add_package_2.png') }}" class="step_guide_image img-fluid" alt="{{ 'sylius.pages.content.loginToAccount'|trans }}" />
  183.                     </picture>
  184.                       {# <img src="{{ asset('assets/shop/img/add_package_2.png') }}" class="step_guide_image img-fluid" alt="{{ 'sylius.pages.content.addedTolibrary'|trans }}"/> #}
  185.                       <div class="text-center mt-2 mb-3 step_guide_text font-weight-bold">{{ 'sylius.pages.content.addedTolibrary'|trans }}</div>
  186.                   </div>
  187.                   <div class="col-6 col-md-3 text-center">
  188.                   <picture>
  189.                       <source srcset="{{ asset('assets/shop/img/add_package_3.webp') }}" type="image/webp">
  190.                       <source srcset="{{ asset('assets/shop/img/add_package_3.png') }}" type="image/png">
  191.                       <img width="200px" height="200px" style="width:100% !important; height: auto !important;" src="{{ asset('assets/shop/img/add_package_3.png') }}" class="step_guide_image img-fluid" alt="{{ 'sylius.pages.content.loginToAccount'|trans }}" />
  192.                     </picture>
  193.                       {# <img src="{{ asset('assets/shop/img/add_package_3.png') }}" class="step_guide_image img-fluid" alt="{{ 'sylius.pages.content.followDirections'|trans }}" /> #}
  194.                       <div class="text-center mt-2 mb-3 step_guide_text font-weight-bold">{{ 'sylius.pages.content.followDirections'|trans }}​</div>
  195.                   </div>
  196.                   <div class="col-6 col-md-3 text-center">
  197.                     <picture>
  198.                         <source srcset="{{ asset('assets/shop/img/add_package_4.webp') }}" type="image/webp">
  199.                         <source srcset="{{ asset('assets/shop/img/add_package_4.png') }}" type="image/png">
  200.                         <img width="200px" height="200px" style="width:100% !important; height: auto !important;" src="{{ asset('assets/shop/img/add_package_4.png') }}" class="step_guide_image img-fluid" alt="{{ 'sylius.pages.content.loginToAccount'|trans }}" />
  201.                       </picture>
  202.                       {# <img src="{{ asset('assets/shop/img/add_package_4.png') }}" class="step_guide_image img-fluid" alt="{{ 'sylius.pages.content.enjoyDevice'|trans }}" /> #}
  203.                       <div class="text-center mt-2 mb-3 step_guide_text font-weight-bold">{{ 'sylius.pages.content.enjoyDevice'|trans }}​</div>
  204.                   </div>
  205.               </div>
  206.             </div>
  207.           </div>
  208.         {% endif %}
  209.     {% endblock %}
  211.     {% block footer %}
  212.         {% include '@SyliusShop/_footer.html.twig' %}
  213.     {% endblock %}
  214.   </div>
  216.     {% block javascripts %}
  217.     <script src="https://cdn.jsdelivr.net/npm/simple-notify@1.0.4/dist/simple-notify.min.js"></script>
  219.     {{ sylius_template_event('sylius.shop.layout.javascripts') }}
  220.     {% include '@SyliusUi/_javascripts.html.twig' with {'path': 'assets/shop/js/app.js'} %}
  221.     {{ encore_entry_script_tags('bitbag-elasticsearch-shop', null, 'elasticsearch_shop') }}
  222. {% endblock %}
  224. {% block google_script %}
  225.       <!-- Google Tag Manager (noscript) -->
  226.       <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQHQ55VB"
  227.       height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  228.       <!-- End Google Tag Manager (noscript) -->
  230.       {# <script>
  232.       var jsonEncodedData = '{"order_id":222}';
  233.       var jsonDecodedData = JSON.parse(jsonEncodedData);
  234.        gtag("event", "purchase",jsonDecodedData);
  235.       </script> #}
  236. {% endblock %}
  238. {% block cookiefirst_script %}
  239.   {% if app.environment == "prod" %}
  240.       <script type="text/javascript">
  241.           (function(c,l,a,r,i,t,y){
  242.               c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
  243.               t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
  244.               y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  245.           })(window, document, "clarity", "script", "siuod97pi6");
  246.       </script>
  247.   {% endif %}
  248. {% endblock %}
  250. {% include '@SyliusUi/Modal/_confirmation.html.twig' %}
  251. {{ sylius_template_event('sylius.shop.layout.after_body') }}
  252. </body>
  253. </html>