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

Open in your IDE?
  1. <!DOCTYPE html>
  3. <html lang="{{ app.request.locale|slice(0, 2) }}">
  4. <head>
  5.     <style>
  6.         a {
  7.             color: #111111;
  8.             text-decoration: none;
  9.             outline: none;
  10.             transition: all 0.3s ease;
  11.         }
  13.         header .part-bottom>.wrap:nth-of-type(2)>ul>li>a {
  14.             padding: 1.1428571429rem 1.4285714286rem;
  15.             padding-left: clamp(0.5714285714rem, 1.5vw, 1.4285714286rem);
  16.             padding-right: clamp(0.5714285714rem, 1.5vw, 1.4285714286rem);
  17.             position: relative;
  18.         }
  20.         /* --- critical layout (pre-stylesheet first paint) --- */
  21.         *, *::before, *::after { box-sizing: border-box; }
  22.         html { margin: 0; padding: 0; font: normal 400 14px/1.429em "Karla", Arial, sans-serif; font-size: 14px; color: #111111; }
  23.         body { margin: 0; padding: 0; background-color: white; }
  24.         img { max-width: 100%; }
  25.         ul { margin: 0; padding: 0; list-style: none; }
  26.         #window header > div, #window > div:not(.wrap), #window > div > div:not(.wrap), #window footer {
  27.             display: flex; flex-direction: column; align-items: center;
  28.         }
  29.         #window header > div > .wrap, #window > div:not(.wrap) > .wrap, #window > div > div:not(.wrap) > .wrap, #window footer > .wrap {
  30.             width: 100%; padding: 0 32px; min-width: 1088px; max-width: 1464px;
  31.         }
  32.         header .special-top-line { padding: 0.5714285714rem 4.2857142857rem; background-color: #78abab; color: white; font-size: 0.8571428571rem; font-weight: 700; text-align: center; }
  33.         header .special-top-line p { margin: 0; }
  34.         header .part-top, header .part-bottom { background-color: whitesmoke; }
  35.         header .part-bottom { background-color: white; }
  36.         header .part-bottom > .wrap > div { padding: 1.7142857143rem 0; display: flex; align-items: center; }
  37.         header .part-bottom > .wrap > div:nth-of-type(1) { flex-grow: 1; }
  38.         header .part-bottom .logo { width: 10rem; min-width: 10rem; height: 1.7142857143rem; }
  39.         header .part-top > div > ul, header .part-bottom > div > ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: stretch; }
  40.         header .part-top > div > ul > li, header .part-bottom > div > ul > li { margin: 0 3.2142857143rem 0 0; display: inline-flex; align-items: center; position: relative; }
  41.         header .part-top > div > ul > li:last-of-type, header .part-bottom > div > ul > li:last-of-type { margin-right: 0; }
  42.         header .part-bottom > .wrap:nth-of-type(2) > ul { width: 100%; border-top: 1px solid #d5d5d5; }
  43.         header .part-bottom > .wrap:nth-of-type(2) > ul > li > a { padding: 1.1428571429rem 1.4285714286rem; }
  44.         header .part-bottom .search form { padding: 0.4285714286rem 0.7857142857rem; border: 1px solid #d5d5d5; display: flex; align-items: center; }
  45.         .cont-block { margin: 1rem 0; }
  46.         .cont-block:first-child { margin-top: 0; }
  47.         .cb-product-cat-list .item-list, .cb-top-post-list .item-list, .cb-text-icon-list .item-list { margin: 1rem -1rem; display: flex; flex-wrap: wrap; }
  48.         .cb-product-cat-list .item-list > .item, .cb-top-post-list .item-list > .item, .cb-text-icon-list .item-list > .item { margin: 1rem; }
  49.         .cb-product-cat-list .item-list > .item, .cb-top-post-list .item-list > .item { width: calc(25% - 2rem); border-radius: 0.5714285714rem; overflow: hidden; }
  50.         .cb-product-cat-list .item::before, .cb-top-post-list .item::before { display: block; content: ""; padding-top: 102.1276595745%; }
  51.         .cb-text-icon-list .item-list > .item { width: calc(33.333% - 1.7142857143rem); }
  52.         .cb-text-icon-list .item .info { display: flex; }
  53.         .cb-contact-options.full-width .box { padding: 1.7142857143rem 4.5714285714rem; width: 100%; background-color: whitesmoke; }
  54.         .cb-newsletter-form { margin: 5rem 0 0; padding: 3rem 0; background-color: whitesmoke; }
  55.         .cb-newsletter-form .cols-wrap { display: flex; }
  56.         .cb-newsletter-form .cols-wrap > .left { margin: 0 9.2857142857rem 0 0; flex-grow: 1; }
  57.         .cb-newsletter-form .cols-wrap > .right { width: 48.92%; }
  58.         footer { background-color: #111111; color: white; }
  59.         footer a { color: white; }
  60.         footer .cols-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
  61.         footer .cols-wrap > div { padding: 2.8571428571rem 0 2.2857142857rem; width: calc(25% - 1.5rem); }
  62.         footer .block-title { margin: 0 0 1.1428571429rem; font-size: 1.1428571429rem; font-weight: 700; color: white; }
  63.         footer .part-bottom .cols-wrap > div { width: calc(50% - 1.5rem); }
  64.         footer .part-bottom .cols-wrap > div:nth-of-type(2) { text-align: right; }
  65.         footer ul.socials > li, footer ul.payments > li { display: inline-block; }
  66.         {% if hide_price() %}
  67.         .price, .price-old, .price-avg {
  68.             display: none !important;
  69.         }
  70.         .sub-total-sum .value {
  71.             display: none !important;
  72.         }
  73.         .sub-total-sum .value {
  74.             display: none !important;
  75.         }
  76.         .show-subtotal-value {
  77.             display: none !important;
  78.         }
  79.         .order-item .sum .color-grey, .order-item .sum font {
  80.             display: none !important;
  81.         }
  82.         .discount-subtotal .sum .value {
  83.             display: none !important;
  84.         }
  85.         .show-shipping-value, .show-total-value, .show-tax-value {
  86.             display: none !important;
  87.         }
  88.         .main-part .full-values-grey-wrap {
  89.             display: none !important;
  90.         }
  91.         .prod-info-wrap .full-values-grey-wrap {
  92.             display: none !important;
  93.         }
  94.         .sticker.sale {
  95.             display: none !important;
  96.         }
  97.         {% endif %}
  98.     </style>
  99.     <script>
  100.         function onceLoaded(cb) {
  101.             document.addEventListener("DOMContentLoaded", event => cb(event));
  102.         }
  103.         function onceJqLoaded(cb) {
  104.             const ncb = (event) => {
  105.                 if (typeof $ === 'undefined') {
  106.                     setTimeout(() => ncb(event), 10);
  108.                     return;
  109.                 }
  111.                 cb(event);
  112.             };
  113.             onceLoaded((event) => ncb(event));
  114.         }
  115.     </script>
  116.     <script>
  117.         var Tawk_API = Tawk_API || {},
  118.             Tawk_LoadStart = new Date();
  119.     </script>
  120.     <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/ba2daf40009c2f83e8b44a30e/4baa522871f891b58006ad787.js");</script>
  122.     <script defer crossorigin="*" charset="UTF-8" src="https://embed.tawk.to/630735a554f06e12d890a94e/1gba2j3r9"></script>
  123.     <script>
  124.         onceJqLoaded(() => {
  125.             $.get('{{ url('homepage_status', {_locale: app.request.locale, _language: app.request.locale|slice(0, 2)}) }}', data => {
  126.                 if (data.status === 'OK') {
  127.                     if (data.hasCartItems) {
  128.                         $('header .icn-bag').addClass('active');
  129.                     }
  130.                     if (data.hasWishlistItems) {
  131.                         $('header .icn-fav').addClass('active');
  132.                     }
  133.                     if (data.isLoggedIn) {
  134.                         $('.user-login-btn').hide();
  135.                         $('.my-account-btn').show();
  136.                     } else {
  137.                         $('.my-account-btn').hide();
  138.                         $('.user-login-btn').show();
  139.                     }
  140.                     if (data.preferencesTop) {
  141.                         $('.pref-container .pointer').html($(data.preferencesTop).html());
  142.                     }
  143.                     if (data.preferencesMobile) {
  144.                         $('.mobile-pref').html($(data.preferencesMobile).html());
  145.                     }
  146.                     if (data.flagMobile) {
  147.                         let newflag = $(data.flagMobile);
  148.                         let oldflag = $('.mobile-pref-flag');
  149.                         oldflag.html(newflag.html());
  150.                         oldflag.prop('class', newflag.prop('class'));
  151.                     }
  152.                     // todo: currency, country (prefs)
  153.                 }
  154.             });
  156.             $.get('{{ url('cart_summary_html', {_locale: app.request.locale, _language: app.request.locale|slice(0, 2)}) }}', data => {
  157.                 $('#cart-modal').html($(data).html());
  158.             });
  159.         });
  160.     </script>
  161.     <meta charset="utf-8">
  162.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  164. {#    <title>{% block title %}{{ sylius.channel.name }}{% endblock %}</title>#}
  166.         {%- block title -%}
  167.         {{- sylius_template_event('dedi_sylius_seo_plugin.title', { resource: resource ?? product ?? taxon ?? sylius.channel }) -}}
  168.         {%- endblock -%}
  170.     <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
  171.     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  172.     <link rel="canonical" href="{{ canonical_url(app.request) }}">
  173.     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  174.     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  175.     <link rel="manifest" href="/site.webmanifest">
  176.     <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  177.     <link rel="shortcut icon" href="/favicon.ico">
  178.     <meta name="msapplication-TileColor" content="#da532c">
  179.     <meta name="msapplication-config" content="/browserconfig.xml">
  180.     <meta name="theme-color" content="#ffffff">
  182.     {% block metatags %}
  183.         {{ sylius_template_event('dedi_sylius_seo_plugin.metatags', { resource: resource ?? product ?? taxon ?? sylius.channel }) }}
  184.         {{ sylius_template_event('dedi_sylius_seo_plugin.rich_snippets') }}
  185.     {% endblock %}
  188.     {% block stylesheets %}
  189.         {{ sylius_template_event('sylius.shop.layout.stylesheets') }}
  190.     {% endblock %}
  192.     {% block linktags %}
  193.         {% set url = get_url_for_language('en') %}
  194.         {% if url ends with '.com/en' %}
  195.             {% set url = "https://" ~ sylius.channel.hostname %}
  196. {#        {% else %}#}
  197. {#            {% set url = app.request.uri %}#}
  198.         {% endif %}
  199.         <link rel="alternate" hreflang="x-default" href="{{ canonical_url_str(url) }}"/>
  200.         {% for language, url in get_urls_for_all_languages() %}
  201.             {% if url is not empty %}
  202.                 <link rel="alternate" hreflang="{{ language }}" href="{{ canonical_url_str(url) }}"/>
  203.             {% endif %}
  204.         {% endfor %}
  205.     {% endblock %}
  207.     {% block schema %}
  208.     {% endblock %}
  211.     {{ sylius_template_event('sylius.shop.layout.head') }}
  213.     <meta name="google-site-verification" content="6nZZELc6OaY2J1MrilI4H9cjvVkiNr0acnphnqK0WgM" />
  214.     <meta name="facebook-domain-verification" content="7lde28yi3who6jajfks49t8n4tqezm" />
  216.     <!-- TrustBox script -->
  217.     <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
  218.     <!-- End TrustBox script -->
  219. </head>
  220. <body class="{% block body_class %}{% endblock %}">
  221. <div id="window">
  222.     {% block header %}
  223.         <header>
  224.             {{ sylius_template_event('sylius.shop.layout.header') }}
  225.             {% block modals %}
  226.                 <div id="modal-general-inquiry" class="modal-window medium" style="display: none" data-url="{{ path('show_general_inquiry') }}">
  227.                     <div class="inner ui form loading"></div>
  228.                 </div>
  229. {#                {{ render(controller('App\\Controller\\InquiryController::showGeneralInquiry')) }}#}
  230.             {% endblock %}
  231.         </header>
  232.     {% endblock %}
  233. {#    {{ sylius_template_event('sylius.shop.layout.before_body') }}#}
  234.     <div id="main" class="{% block main_class %}{% endblock %}">
  235. {#        {{ sylius_template_event('sylius.shop.layout.before_top_menu') }}#}
  236. {#        {% block top %}#}
  237. {#            <div id="menu" class="ui large sticky inverted stackable menu">#}
  238. {#                {{ sylius_template_event('sylius.shop.layout.topbar') }}#}
  239. {#            </div>#}
  240. {#        {% endblock %}#}
  242. {#        <div class="ui container">#}
  245.             {% include '@SyliusShop/_flashes.html.twig' %}
  247.             {{ sylius_template_event('sylius.shop.layout.before_content') }}
  249.             {% block content %}
  250.             {% endblock %}
  252.             {{ sylius_template_event('sylius.shop.layout.after_content') }}
  253. {#        </div>#}
  254.     </div>
  256.     {% block footer %}
  257.         {{ render(controller('App\\Controller\\Homepage\\IndexController::renderFooter', {_locale: app.request.locale, _language: app.request.locale|slice(0, 2)}, {_locale: app.request.locale, _language: app.request.locale|slice(0, 2)})) }}
  259. {#        {% include '@SyliusShop/_footer.html.twig' %}#}
  260.     {% endblock %}
  262.     {% block withdrawal_modal %}
  263.         {% include '@SyliusShop/Layout/Modal/_withdrawal.html.twig' %}
  264.     {% endblock %}
  266.     {% block javascripts %}
  267.         {{ sylius_template_event('sylius.shop.layout.javascripts') }}
  268.     {% endblock %}
  270.         {{ sylius_template_event('sylius.shop.layout.after_body') }}
  271. {#        <!--Start of Tawk.to Script-->#}
  272.         <script>
  273. {#            (function() {#}
  274. {#                var s1 = document.createElement("script"),#}
  275. {#                    s0 = document.getElementsByTagName("script")[0];#}
  276. {#                s1.async = true;#}
  277. {#                s1.src = 'https://embed.tawk.to/630735a554f06e12d890a94e/1gba2j3r9';#}
  278. {#                s1.charset = 'UTF-8';#}
  279. {#                s1.setAttribute('crossorigin', '*');#}
  280. {#                s0.parentNode.insertBefore(s1, s0);#}
  281. {#            })();#}
  282. {% if app.session.get('dataLayerActions') is not empty %}
  283. {% for action in app.session.remove('dataLayerActions') %}
  284. dataLayer.push({{ action|raw }})
  285. {% endfor %}
  286. {% endif %}
  287.         </script>
  288. {#        <!--End of Tawk.to Script-->#}
  290.         <script defer src=https://app.termshub.io/2994413a-3fdd-4930-83ba-cdbdac4b2d01/termshub-cookie-consent.js site="UAB_4LZ"></script>
  291.     </div>
  292. </body>
  293. </html>