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

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="shortcut icon" href="/favicon/favicon.ico?v=1.0.0">
  21.     <meta name="theme-color" content="#ffffff">
  22.     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
  24.     {% include '@SyliusShop/_links.html.twig' %}
  25.     {% include '@SyliusShop/_clarity.html.twig' %}
  26.     {% block seo_metatags %}
  27.         {{ sylius_template_event('dedi_sylius_seo_plugin.metatags', { resource: product ?? taxon ?? vendor ?? page ?? sylius.channel }) }}
  28.         {{ sylius_template_event('dedi_sylius_seo_plugin.rich_snippets') }}
  30.         {% if is_noindex_path(app.request.pathinfo, app.request.query.all) %}
  31.             <meta name="robots" content="noindex, nofollow">
  32.         {% endif %}
  34.         {% set resourceToUse = taxon is defined ? taxon : (vendor is defined ? vendor : (page is defined ? page : null)) %}
  36.         {% if resourceToUse is not null %}
  37.             <script type="application/ld+json">
  38.               {{ generate_schema_markup(resourceToUse) | json_encode(constant('JSON_PRETTY_PRINT')) | replace({'\\/':'/'}) | raw }}
  39.             </script>
  40.         {% endif %}
  41.     {% endblock %}
  44.     {% block stylesheets %}
  45.         {{ sylius_template_event('sylius.shop.layout.stylesheets') }}
  46.         <style>
  47.             .tw.flag {
  48.                 visibility: hidden !important;
  49.             }
  50.         </style>
  51.     {% endblock %}
  53.     {{ sylius_template_event('sylius.shop.layout.head') }}
  54. </head>
  56. <body class="pushable">
  57. {{ render_esi(path('ch_cookie_consent.show_if_cookie_consent_not_set', { 'locale' : app.request.locale })) }}
  58. {{ sylius_template_event('sylius.shop.layout.before_body') }}
  60. {% block messages %}
  61.     <div class="hyf-messages"></div>
  62. {% endblock %}
  64. {% block sidebar %}
  65.     <div class="ui right wide sidebar vertical menu overlay mobile-sidebar">
  66.         {{ sylius_template_event('sylius.shop.layout.sidebar') }}
  67.     </div>
  68. {% endblock %}
  70. {% block accountSidebar %}
  71.     {% if app.user != null %}
  72.         <div class="ui left wide sidebar vertical menu overlay mobile-account-sidebar">
  73.             {% include 'Context/Vendor/Menu/_mobileMenu.html.twig' %}
  74.         </div>
  75.     {% endif %}
  76. {% endblock %}
  78. <div class="pusher" data-route="{{ app.request.get('_route') }}">
  79.     {% block top %}
  80.         <div id="menu" class="top-menu bg-white">
  81.             <div class="ui container">
  82.                 <div class="top-bar">
  83.                     {% include "@SyliusShop/Layout/Header/_logo.html.twig" %}
  84.                     {{ sylius_template_event('sylius.shop.layout.topbar') }}
  85.                 </div>
  86.             </div>
  87.         </div>
  88.     {% endblock %}
  90.     {% block header %}
  91.         <div id="menu-categories" class="bg-topaz-100">
  92.             <div class="ui container">
  93.                 {% include '@SyliusShop/Layout/Header/_menu.html.twig' %}
  94.             </div>
  95.         </div>
  97.     {% endblock %}
  99.     {# AI Search Bar - static in introduction on homepage, floating on all other pages #}
  100.     {% set currentRoute = app.request.get('_route') %}
  101.     {% set isHomepage = currentRoute == 'sylius_shop_homepage' %}
  102.     {% set isBot = app.request.attributes.get('is_bot', false) %}
  103.     {% set hideFloatingSearch =
  104.         '/account/' in app.request.pathInfo or
  105.         currentRoute starts with 'bitbag_sylius_organization_plugin_shop_account_' or
  106.         currentRoute starts with 'sylius_shop_account_' or
  107.         currentRoute starts with 'sylius_shop_cart_' or
  108.         currentRoute starts with 'sylius_shop_checkout_' or
  109.         currentRoute starts with 'sylius_shop_order_' or
  110.         currentRoute == 'app_crfq_create' %}
  112.     {% if isHomepage %}
  113.         {% include '@SyliusShop/Homepage/introduction.html.twig' %}
  114.             <div class="ui hidden divider"></div>
  115.     {% endif %}
  117.     {% if not is_mobile() %}
  118.         <div class="ui hidden divider"></div>
  119.     {% endif %}
  121.     <div class="ui container">
  123.         {% include '@SyliusShop/_flashes.html.twig' %}
  125.         {{ sylius_template_event('sylius.shop.layout.before_content') }}
  127.         {% block content %}
  128.         {% endblock %}
  130.         {{ sylius_template_event('sylius.shop.layout.after_content') }}
  131.     </div>
  133.     {% if not isHomepage and not isBot and not hideFloatingSearch %}
  134.         {% include '@SyliusShop/Homepage/_aiSearch.html.twig' with {'floating': true} %}
  135.     {% endif %}
  137.     {% block footer %}
  138.         {% include '@SyliusShop/_footer.html.twig' %}
  139.     {% endblock %}
  140. </div>
  142. {% block javascripts %}
  143.     {{ sylius_template_event('sylius.shop.layout.javascripts') }}
  145.     <script>
  146.         // Make compare variables globally available for webpack bundled scripts
  147.         window.addToCompareSuccessTitle = '{{ 'sylius.ui.success'|trans }}';
  148.         window.addToCompareSuccess = '{{ 'app.product_compare.added'|trans }}';
  149.         window.addToCompareErrorTitle = '{{ 'sylius.ui.error'|trans }}';
  150.         window.addToCompareError = '{{ 'app.product_compare.fail'|trans }}';
  151.         window.visitComparisonPage = '{{ 'app.ui.visit_comparison_page'|trans }}';
  152.         window.browseCompare = '{{ 'app.ui.product.card.in_comparison'|trans }}';
  153.         window.comparisonPageUrl = '{{ path('app_shop_product_compare_show') }}';
  154.         window.addToCompareUrl = '{{ path('app_shop_product_compare_add_to_compare', {'productId': '{id}'}) }}';
  155.         window.checkSvgPath = '{{ asset('build/shop/images/check.svg', 'shop') }}';
  157.         // Wishlist global variables
  158.         window.addToListErrorTitle = '{{ 'sylius.ui.error'|trans }}';
  159.         window.addToListError = '{{ 'app.ui.failed_to_add_to_list'|trans }}';
  160.         window.inList = '{{ 'sylius.ui.added_to_list'|trans }}';
  161.         window.listPageUrl = '{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_list_products') }}';
  163.         // Password validation translations
  164.         window.translations = window.translations || {};
  165.         window.translations.passwordsMustMatch = "{{ 'app.ui.form.passwords_must_match'|trans|e('js') }}";
  166.         window.translations.passwordStrength = {
  167.             enterPass: "{{ 'app.ui.form.password_strength.enter_pass'|trans|e('js') }}",
  168.             shortPass: "{{ 'app.ui.form.password_strength.short_pass'|trans|e('js') }}",
  169.             containsField: "{{ 'app.ui.form.password_strength.contains_field'|trans|e('js') }}",
  170.             reallyInsecure: "{{ 'app.ui.form.password_strength.really_insecure'|trans|e('js') }}",
  171.             weak: "{{ 'app.ui.form.password_strength.weak'|trans|e('js') }}",
  172.             medium: "{{ 'app.ui.form.password_strength.medium'|trans|e('js') }}",
  173.             strong: "{{ 'app.ui.form.password_strength.strong'|trans|e('js') }}"
  174.         };
  175.     </script>
  177.     {# Initialize tooltips globally #}
  178.     <script>
  179.         $(document).ready(function () {
  180.             $("[data-content],[data-html]").each(function () {
  181.                 var position = $(this).attr("data-position") || "bottom center";
  182.                 var opts = {hoverable: true, position: position};
  183.                 if ($(this).hasClass('custom-tooltip')) {
  184.                     opts.className = { popup: 'ui popup custom-tooltip-popup' };
  185.                 }
  186.                 $(this).popup(opts);
  187.             });
  188.         });
  189.     </script>
  190. {% endblock %}
  192. {% block confirmationModal %}
  193.     {% include '@SyliusUi/Modal/_confirmation.html.twig' %}
  194. {% endblock %}
  195. {{ sylius_template_event('sylius.shop.layout.after_body') }}
  196. </body>
  197. </html>