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

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">
  8.     {% block seo_title %}
  9.         {{ sylius_template_event('dedi_sylius_seo_plugin.title', { resource: product ?? taxon ?? vendor ?? page ?? sylius.channel }) }}
  10.     {% endblock %}
  11.     <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  12.     <link rel="preconnect" href="https://fonts.googleapis.com">
  13.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  14.     <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png?v=1.0.0">
  15.     <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png?v=1.0.0">
  16.     <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png?v=1.0.0">
  17.     <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png?v=1.0.0">
  18.     <link rel="icon" type="image/svg+xml" href="/favicon/favicon.svg?v=1.0.0">
  19.     <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg?v=1.0.0" color="#5bbad5">
  20.     <link rel="manifest" href="/favicon/site.webmanifest?v=1.0.0">
  21.     <link rel="shortcut icon" href="/favicon/favicon.ico?v=1.0.0">
  22.     <meta name="theme-color" content="#ffffff">
  23.     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
  25.     <script>
  26.         window.addEventListener('load', function () {
  27.             setTimeout(function () {
  28.                 const expectedFavicon = '/favicon/favicon-32x32.png?v=1.0.0';
  29.                 const existingIcons = document.querySelectorAll('link[rel~="icon"]');
  31.                 let faviconIsOk = false;
  32.                 existingIcons.forEach(link => {
  33.                     if (link.href.includes(expectedFavicon)) {
  34.                         faviconIsOk = true;
  35.                     }
  36.                 });
  38.                 if (!faviconIsOk) {
  39.                     const link = document.createElement('link');
  40.                     link.rel = 'icon';
  41.                     link.type = 'image/png';
  42.                     link.href = expectedFavicon;
  44.                     existingIcons.forEach(l => l.remove());
  45.                     document.head.appendChild(link);
  46.                 }
  47.             }, 800);
  48.         });
  49.     </script>
  51.     {% include '@SyliusShop/_links.html.twig' %}
  52.     {% include '@SyliusShop/_clarity.html.twig' %}
  53.     {% block seo_metatags %}
  54.         {{ sylius_template_event('dedi_sylius_seo_plugin.metatags', { resource: product ?? taxon ?? vendor ?? page ?? sylius.channel }) }}
  55.         {{ sylius_template_event('dedi_sylius_seo_plugin.rich_snippets') }}
  57.         {% set resourceToUse = taxon is defined ? taxon : (vendor is defined ? vendor : (page is defined ? page : null)) %}
  59.         {% if resourceToUse is not null %}
  60.             <script type="application/ld+json">
  61.               {{ generate_schema_markup(resourceToUse) | json_encode(constant('JSON_PRETTY_PRINT')) | replace({'\\/':'/'}) | raw }}
  62.             </script>
  63.         {% endif %}
  64.     {% endblock %}
  67.     {% block stylesheets %}
  68.         {{ sylius_template_event('sylius.shop.layout.stylesheets') }}
  69.         <style>
  70.             .tw.flag {
  71.                 visibility: hidden !important;
  72.             }
  73.         </style>
  74.     {% endblock %}
  76.     {{ sylius_template_event('sylius.shop.layout.head') }}
  77. </head>
  79. <body class="pushable">
  80. {{ render_esi(path('ch_cookie_consent.show_if_cookie_consent_not_set', { 'locale' : app.request.locale })) }}
  81. {{ sylius_template_event('sylius.shop.layout.before_body') }}
  83. {% block messages %}
  84.     <div class="hyf-messages"></div>
  85. {% endblock %}
  87. {% block sidebar %}
  88.     <div class="ui right wide sidebar vertical menu overlay mobile-sidebar">
  89.         {{ sylius_template_event('sylius.shop.layout.sidebar') }}
  90.     </div>
  91. {% endblock %}
  93. {% block accountSidebar %}
  94.     {% if app.user != null %}
  95.         <div class="ui left wide sidebar vertical menu overlay mobile-account-sidebar">
  96.             {% include 'Context/Vendor/Menu/_mobileMenu.html.twig' %}
  97.         </div>
  98.     {% endif %}
  99. {% endblock %}
  101. <div class="pusher" data-route="{{ app.request.get('_route') }}">
  102.     {% block top %}
  103.         <div id="menu" class="top-menu bg-white">
  104.             <div class="ui container">
  105.                 <div class="top-bar">
  106.                     {% include "@SyliusShop/Layout/Header/_logo.html.twig" %}
  107.                     {{ sylius_template_event('sylius.shop.layout.topbar') }}
  108.                 </div>
  109.             </div>
  110.         </div>
  111.     {% endblock %}
  113.     {% block header %}
  114.         <div id="menu-categories" class="bg-topaz-100">
  115.             <div class="ui container">
  116.                 {% include '@SyliusShop/Layout/Header/_menu.html.twig' %}
  117.             </div>
  118.         </div>
  119.         <div class="ui hidden divider"></div>
  120.     {% endblock %}
  122.     <div class="ui container">
  124.         {% include '@SyliusShop/_flashes.html.twig' %}
  126.         {{ sylius_template_event('sylius.shop.layout.before_content') }}
  128.         {% block content %}
  129.         {% endblock %}
  131.         {{ sylius_template_event('sylius.shop.layout.after_content') }}
  132.     </div>
  134.     {% block footer %}
  135.         {% include '@SyliusShop/_footer.html.twig' %}
  136.     {% endblock %}
  137. </div>
  139. {% block javascripts %}
  140.     {{ sylius_template_event('sylius.shop.layout.javascripts') }}
  142.     <script>
  143.         const addToCompareSuccessTitle = '{{ 'sylius.ui.success'|trans }}';
  144.         const addToCompareSuccess = '{{ 'app.product_compare.added'|trans }}';
  145.         const addToCompareErrorTitle = '{{ 'sylius.ui.error'|trans }}';
  146.         const addToCompareError = '{{ 'app.product_compare.fail'|trans }}';
  147.         const visitComparisonPage = '{{ 'app.ui.visit_comparison_page'|trans }}';
  148.         const browseCompare = '{{ 'app.ui.product.card.in_comparison'|trans }}';
  150.         const comparisonPageUrl = '{{ path('app_shop_product_compare_show') }}';
  151.         const addToCompareUrl = '{{ url('app_shop_product_compare_add_to_compare', {'productId': '{id}'}) }}'
  152.     </script>
  153. {% endblock %}
  155. {% block confirmationModal %}
  156.     {% include '@SyliusUi/Modal/_confirmation.html.twig' %}
  157. {% endblock %}
  158. {{ sylius_template_event('sylius.shop.layout.after_body') }}
  159. </body>
  160. </html>