templates/bundles/SyliusShopBundle/layout-large.html.twig line 93

Open in your IDE?
  1. <!DOCTYPE html>
  3. <html lang="{{ app.request.locale|slice(0, 2) }}">
  4. <head>
  5.     {% block head %}
  6.         <meta charset="utf-8">
  7.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  8.         <link rel="apple-touch-icon" sizes="180x180" href="/assets/shop/img/apple-touch-icon.png">
  9.         <link rel="icon" type="image/png" sizes="32x32" href="/assets/shop/img/favicon-32x32.png">
  10.         <link rel="icon" type="image/png" sizes="16x16" href="/assets/shop/img/favicon-16x16.png">
  12.         <title>{% block title %}{{ sylius.channel.name }}{% endblock %}</title>
  14.         <link rel="preconnect" href="https://fonts.gstatic.com">
  15.         <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap" rel="stylesheet">
  16.         <script src="/assets/fontawesome.min.js" crossorigin="anonymous"></script>
  17.         <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  19.         {% block metatags %}
  20.         {% endblock %}
  22.         {% block stylesheets %}
  23.             {{ sylius_template_event('sylius.shop.layout.stylesheets') }}
  25.             <!-- @TODO: Remove next line, set it into _styles.html.twig (not working at the moment) -->
  26.             {% include '@SyliusUi/_stylesheets.html.twig' with {'path': 'assets/shop/css/framework.css'} %}
  28.             <!-- Slick Slider -->
  29.             <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
  30.             <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
  31.         {% endblock %}
  33.         <!-- Google Tag Manager -->
  34.         <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  35.         new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  36.         j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  37.         'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  38.         })(window,document,'script','dataLayer','{{ gtm_code }}');</script>
  39.         <!-- End Google Tag Manager -->
  41.         {% include 'bundles/SyliusShopBundle/_chatbot.html.twig' %}
  42.         {{ sylius_template_event('sylius.shop.layout.head') }}
  43.     {% endblock %}
  44. </head>
  46. <body class="pushable">
  48.     <!-- Google Tag Manager (noscript) -->
  49.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ gtm_code }}"
  50.     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  51.     <!-- End Google Tag Manager (noscript) -->
  53.     {{ sylius_template_event('sylius.shop.layout.before_body') }}
  54.     <div class="pusher">
  55.         {% block header %}
  56.             <header class="header" id="header">
  57.                 <div class="container container--large">
  58.                     {{ sylius_template_event('sylius.shop.layout.header') }}
  59.                 </div>
  60.             </header>
  61.         {% endblock %}
  63.         <!-- @TODO: load that on certain pages only -->
  64.         {% block banner %}
  65.         {% endblock %}
  67.         {% if (
  68.             sylius.channel.code == "collect"
  69.             and
  70.             (app.request.attributes.get('_route') ==   "app_shop_product_search"
  71.             or app.request.attributes.get('_route') ==   "sylius_shop_product_show"
  72.             or app.request.attributes.get('_route') ==   "sylius_shop_cart_summary"
  73.             or app.request.attributes.get('_route') ==   "sylius_shop_login"
  74.             or app.request.attributes.get('_route') ==   "sylius_shop_register"
  75.             or app.request.attributes.get('_route') ==   "sylius_shop_checkout_address"
  76.             or app.request.attributes.get('_route') ==   "sylius_shop_checkout_select_shipping"
  77.             or app.request.attributes.get('_route') ==   "sylius_shop_checkout_complete")
  78.         ) %}
  79.             <div class="env env-message">{{ 'sylius.ui.vousboutique'|trans }}  {{ sylius.channel.name }}</div>
  80.         {% endif %}
  82.         <div class="container container--large">
  83.             {% include '@SyliusShop/_flashes.html.twig' %}
  85.             {{ sylius_template_event('sylius.shop.layout.before_content') }}
  87.             {% block content %}
  88.             {% endblock %}
  90.             {{ sylius_template_event('sylius.shop.layout.after_content') }}
  91.         </div>
  93.         {% block footer %}
  94.             {% include '@SyliusShop/_footer.html.twig' %}
  95.         {% endblock %}
  97.         {% if app.request.attributes.get('_route') in click_and_collect_modal_routes and sylius.channel.code == "collect" %}
  98.             {% include 'modal/ClickAndCollectModal.html.twig' %}
  99.         {% endif %}
  100.     </div>
  102.     {% include '@SyliusUi/Modal/_confirmation.html.twig' %}
  104.     {% block javascripts %}
  106.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  107.         <script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  109.         <!-- @TODO: Find a better way to load that -->
  110.         {% include '@SyliusUi/_javascripts.html.twig' with {'path': 'assets/shop/js/header.js'} %}
  111.         {% include '@SyliusUi/_javascripts.html.twig' with {'path': 'assets/shop/js/carousels.js'} %}
  114.         {{ sylius_template_event('sylius.shop.layout.javascripts') }}
  115.         <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  116.         <script>
  117.             AOS.init({
  118.                 once: true
  119.             });
  120.             {% if ( not sylius.channel.getEnableClickNCollect() ) %}
  121.                 {% if app.request.attributes.get('_route') in click_and_collect_modal_routes and sylius.channel.code == "collect" %}
  122.                 $(document).ready(() => {
  123.                     $('#click-and-collect-modal').modal('show');
  124.                 })
  125.                 {% endif %}
  126.             {% endif %}
  127.         </script>
  128.     {% endblock %}
  129.     {{ sylius_template_event('sylius.shop.layout.after_body') }}
  130. </body>
  131. </html>