templates/default/pages/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html {% if 'html_lang_param' != 'html_lang_param'|trans %}lang="{{ 'html_lang_param'|trans }}" {% endif %}>
  3. {% set isIE = 'Trident' in app.request.headers.get('User-Agent') or 'MSIE' in app.request.headers.get('User-Agent') %}
  4. {% set isPunchout = (app.request.cookies.get("isPunchout") == "oci" or app.request.cookies.get("isPunchout") == "cxml") %}
  5. {% set categoryTree = getCategoryTree() %}
  7. <head>
  8. {% block gtmDataLayer %}
  9. {% include('components/atoms/gtm-data-layer/gtm-data-layer.html.twig') %}
  10. {% endblock %}
  12. {% block globalJavaScript %}
  14. {% if not app.getRequest().attributes.get('storyblok_preview') and not isPunchout %}
  15. {% if ("C0002:1" in app.request.cookies.get("OptanonConsent")|default) %}
  16. <script type="text/javascript">
  17. {# Start VWO Async SmartCode #}
  19. window._vwo_code = window._vwo_code || (function(){
  20. var account_id=609860,
  21. settings_tolerance=1500,
  22. library_tolerance=2000,
  23. use_existing_jquery=false,
  24. is_spa=1,
  25. hide_element='body',
  27. /* DO NOT EDIT BELOW THIS LINE */
  28. f=false,d=document,code={use_existing_jquery:function(){return use_existing_jquery;},library_tolerance:function(){return library_tolerance;},finish:function(){if(!f){f=true;var a=d.getElementById('_vis_opt_path_hides');if(a)a.parentNode.removeChild(a);}},finished:function(){return f;},load:function(a){var b=d.createElement('script');b.src=a;b.type='text/javascript';b.innerText;b.onerror=function(){_vwo_code.finish();};d.getElementsByTagName('head')[0].appendChild(b);},init:function(){
  29. window.settings_timer=setTimeout(function () {_vwo_code.finish() },settings_tolerance);var a=d.createElement('style'),b=hide_element?hide_element+'{opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;}':'',h=d.getElementsByTagName('head')[0];a.setAttribute('id','_vis_opt_path_hides');a.setAttribute('type','text/css');if(a.styleSheet)a.styleSheet.cssText=b;else a.appendChild(d.createTextNode(b));h.appendChild(a);this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&f='+(+is_spa)+'&r='+Math.random());return settings_timer; }};window._vwo_settings_timer = code.init(); return code; }());
  31. {# End VWO Async SmartCode #}
  32. </script>
  33. {% endif %}
  35. <!-- OneTrust Cookies Consent Notice -->
  36. <script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js"
  37. data-document-language="true"
  38. type="text/javascript"
  39. charset="UTF-8"
  40. data-domain-script="{{ 'cookie_consent_domain_id'|trans }}{% if app.environment != 'prod' %}-test{% endif %}" >
  41. </script>
  43. <script type="text/javascript">
  44. function OptanonWrapper() {
  45. if (OnetrustActiveGroups.indexOf('C0002') != -1) {
  46. gtag('consent', 'update', {'analytics_storage': 'granted'})
  47. };
  48. if (OnetrustActiveGroups.indexOf('C0003') != -1) {
  49. window.emos3.send({'privacy_mode': 3});
  50. }else {
  51. window.emos3.send({'privacy_mode': 'reset'});
  52. }
  53. if (OnetrustActiveGroups.indexOf('C0004') != -1) {
  54. gtag('consent', 'update', {'ad_storage': 'granted'})
  55. gtag('consent', 'update', {'ad_user_data': 'granted'});
  56. gtag('consent', 'update', {'ad_personalization': 'granted'});
  57. };
  58. window.emos3InitialSend();
  59. }
  60. </script>
  61. {% endif %}
  62. {% include('components/atoms/global-java-script/global-java-script.html.twig') %}
  64. <script src="https://integrations.etrusted.com/applications/widget.js/v2" defer async></script>
  65. {% endblock %}
  66. {% block gtm %}
  67. <!-- Google Tag Manager -->
  68. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  69. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  70. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  71. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  72. })(window,document,'script','dataLayer','{% if isPunchout %}{{ 'gtm_id_oci'|trans }}{% else %}{{ 'gtm_id'|trans }}{% endif %}');</script>
  73. <!-- End Google Tag Manager -->
  74. {% endblock %}
  75. {% block meta %}
  76. {% include 'components/organisms/meta/meta.html.twig' %}
  77. {% endblock %}
  78. {% block openGraph %}
  79. {% include 'components/organisms/open-graph/open-graph.html.twig' %}
  80. {% endblock %}
  81. {% block favicon %}
  82. {% include 'components/organisms/favicon/favicon.html.twig' %}
  83. {% endblock %}
  84. <title>{% block title %}{{ metaInformation.title|default('meta_title_default'|trans) }}{% endblock %}</title>
  85. {% block stylesheets %}
  86. {{ encore_entry_link_tags('vendor') }}
  87. {{ encore_entry_link_tags('app') }}
  88. {% endblock %}
  89. <link rel="preconnect" href="//widgets.crosssell.info">
  90. <link rel="preconnect" href="//cdn.cookielaw.org">
  91. <link rel="preconnect" href="//in.hotjar.com">
  92. </head>
  93. <body>
  95. {% block gtmNoScript %}
  96. <!-- Google Tag Manager (noscript) -->
  97. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id={{ 'gtm_id'|trans }}" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  98. <!-- End Google Tag Manager (noscript) -->
  99. {% endblock %}
  100. {% block econdaTracing %}
  101. {% include('components/atoms/econda-tracking/econda-tracking.html.twig')%}
  102. {% endblock %}
  104. {% include 'components/atoms/page-loader/page-loader.html.twig' %}
  106. {% set hotlineType = 'is--company' %}
  107. {% if breadcrumbs is defined and breadcrumbs is iterable%}
  108. {% if breadcrumbs|last['branch']|default == 'cp' %}
  109. {% set hotlineType = 'is--cp' %}
  110. {% elseif breadcrumbs|last['branch']|default == 'company' %}
  111. {% set hotlineType = 'is--company' %}
  112. {% elseif breadcrumbs|last['branch']|default == 'engineered-solutions' %}
  113. {% set hotlineType = 'is--es' %}
  114. {% endif %}
  115. {% endif %}
  116. <div id="app" class="{{ hotlineType }}">
  117. <div class="app__inner">
  118. {% block body %}
  119. <to-the-top></to-the-top>
  121. {% block flash_messages %}
  122. {% include 'components/atoms/toast/toast.html.twig' %}
  123. {% endblock %}
  125. {% block header %}
  126. {{ include('components/organisms/header/header.html.twig') }}
  127. {% endblock %}
  129. {% block breadcrumb %}
  130. {% include('components/molecules/breadcrumb/breadcrumb.html.twig') %}
  131. {% endblock %}
  132. <main>
  133. {% block content %}{% endblock %}
  134. </main>
  135. {% block footer %}
  136. {% include 'components/organisms/footer/footer.html.twig' %}
  137. {% endblock %}
  139. {% block offcanvas %}
  140. {% block offcanvasMobileMenu %}
  141. {% include 'components/organisms/vertical-menu/vertical-menu.html.twig' %}
  142. {% endblock %}
  144. {% block offcanvasAccountMenu %}
  145. {% embed 'components/organisms/offside/offside.html.twig' with {
  146. 'id': 'accountMenu',
  147. 'header': 'offcanvas_account_menu_headline'|trans,
  148. 'aria-labeldby': 'offcanvas_account_menu_headline'|trans,
  149. } %}
  150. {% block offcanvasContent %}
  151. {% include 'components/organisms/offcanvas-account/offcanvas-account.html.twig' %}
  152. {% endblock %}
  153. {% endembed %}
  154. {% endblock %}
  155. {% block offcanvasCart %}
  156. {% endblock %}
  157. {% endblock %}
  158. {% endblock %}
  159. {% block modal %}
  160. {% endblock %}
  162. {% if cms_globals.slot_sticky_banner is defined %}
  163. {% set stickyBanner %}
  164. {% include 'components/organisms/storyblok/storyblok.html.twig' with {
  165. 'componentData': cms_globals.slot_sticky_banner
  166. } %}
  167. {% endset %}
  168. {{ setPageEndHtml('sticky-banner', stickyBanner) }}
  169. {% endif %}
  170. </div>
  171. {{ getPageEndHtml() }}
  172. </div>
  174. {% block javascripts %}
  175. {% include('components/molecules/breadcrumb/breadcrumb-schema.html.twig') %}
  176. {% if app.getRequest().attributes.get('storyblok_preview') %}
  177. <script src="//app.storyblok.com/f/storyblok-v2-latest.js" defer></script>
  178. <script>
  179. window.addEventListener('load', function() {
  180. const storyblokInstance = new window.StoryblokBridge()
  182. storyblokInstance.on(['change', 'published'], function() {
  183. window.location.reload();
  184. });
  185. });
  186. </script>
  187. {% endif %}
  189. <script type="text/javascript" defer="defer" src="https://l.ecn-ldr.de/loader/loader.js" client-key="00002954-63be81d4-fc18-3e36-996c-72cbbe3e697d" container-id="5937"></script>
  192. <script>
  193. {% set jsTranslations = {
  194. 'form_transmission_error': 'form_transmission_error'|trans,
  195. 'line_item_subtotal': 'line_item_subtotal'|trans,
  196. 'line_item_voucher': 'line_item_voucher'|trans,
  197. 'line_item_shipping': 'line_item_shipping'|trans,
  198. 'line_item_shipping_free': 'line_item_shipping_free'|trans,
  199. 'line_item_tax': 'line_item_tax'|trans,
  200. 'line_item_tax_info': 'line_item_tax_info'|transFallbackEmptyText,
  201. 'line_item_sum': 'line_item_sum'|trans,
  202. 'direct_order_search_placeholder': 'direct_order_search_placeholder'|trans,
  203. 'add': 'add'|trans,
  204. 'service_url_denios_assets':'image_service_url_denios_assets'|trans,
  205. 'service_url_storyblok':'image_service_url_storyblok'|trans,
  206. 'image_url_denios_assets':'image_url_denios_assets'|trans,
  207. 'image_url_storyblok':'image_url_storyblok'|trans,
  208. 'back': 'back'|trans,
  209. 'header_vat_excluding': 'header_vat_excluding'|trans,
  210. 'header_vat_including': 'header_vat_including'|trans,
  211. 'header_direct_order': 'header_direct_order'|trans,
  212. 'account_new_password_requirement': 'account_new_password_requirement'|trans,
  213. 'password_requirement_min_length': 'password_min_length'|trans,
  214. 'password_requirement_min_uppercase': 'password_min_uppercase'|trans,
  215. 'password_requirement_min_lowercase': 'password_min_lowercase'|trans,
  216. 'password_requirement_min_numbers': 'password_min_numbers'|trans,
  217. 'header_account_label': 'header_account_label'|trans,
  218. 'loading': 'loading'|trans,
  219. 'voucher_apply': 'voucher_apply'|trans,
  220. 'voucher_hint': 'voucher_hint'|trans,
  221. 'voucher_input_placeholder': 'voucher_input_placeholder'|trans,
  222. 'to_the_top': 'button_to_the_top'|trans,
  223. 'language_switcher_json': 'header_language_switcher'|trans([],'json'),
  224. 'messages.formservice_required_validation_message': 'formservice_required_validation_message'|trans,
  225. 'messages.formservice_email_validation_message': 'formservice_email_validation_message'|trans,
  226. 'messages.formservice_date_validation_message': 'formservice_date_validation_message'|trans,
  227. 'messages.formservice_date_after_validation_message': 'formservice_date_after_validation_message'|trans,
  228. 'messages.formservice_date_before_validation_message': 'formservice_date_before_validation_message'|trans,
  229. 'messages.formservice_date_days_of_week_validation_message': 'formservice_date_days_of_week_validation_message'|trans,
  230. 'messages.formservice_frc_validation_message': 'formservice_frc_validation_message'|trans,
  231. 'form_reference_button': 'form_reference_button'|trans,
  232. 'form_reference_technical_error': 'form_reference_technical_error'|trans,
  233. 'form_time_format': 'form_time_format'|trans,
  234. 'download': 'form_reference_download_button'|trans,
  235. 'dvs_type_translation': 'dvs_type_translation'|trans([],'json'),
  236. 'line_item_extra_info': 'line_item_extra_info'|transFallbackEmptyText,
  237. 'book_appointment': 'book_appointment'|transFallbackEmptyText,
  238. 'load_more':'pagination_more_text'|trans,
  239. 'listing_filter_button':'listing_filter_button'|trans,
  240. 'filter_show_more': 'filter_show_more'|trans,
  241. 'filter_show_less': 'filter_show_less'|trans,
  242. 'listing_sorting': 'listing_sorting'|trans,
  243. 'listing_filter_active_filter_reset' : 'listing_filter_active_filter_reset'|trans,
  244. 'reset': 'reset' | trans,
  245. 'product_sku': 'product_sku'|trans,
  246. 'category_label': 'category_label'|trans,
  247. 'header_search_products': 'header_search_products'|trans,
  248. 'header_search_suggest_terms': 'header_search_suggest_terms'|trans,
  249. 'header_search_categories': 'header_search_categories'|trans,
  250. 'header_search_placeholder': 'header_search_placeholder'|trans,
  251. 'show_more_options': 'show_more_options'|trans,
  252. 'show_less_options': 'show_less_options'|trans,
  253. 'product_this': 'product_this'|trans,
  254. 'product_similar': 'product_similar'|trans,
  255. 'product_show': 'product_show'|trans,
  256. 'compare_products': 'compare_products'|trans,
  257. 'show_more': 'show_more'|trans,
  258. 'show_less': 'show_less'|trans,
  259. 'pagination_product_counter': 'pagination_product_counter'|trans,
  260. 'successful': 'successful'|trans,
  261. 'quantity': 'offcanvas_cart_line_item_quantity'|trans,
  262. 'add_to_basket_successfully': 'add_to_basket_successfully'|trans,
  263. 'add_to_basket': 'add_to_basket'|trans,
  264. 'menu': 'mobile_menu_title'|trans,
  265. 'next': 'next'|trans,
  266. 'search': 'search'|trans,
  267. 'close': 'close'|trans
  268. } %}
  269. {# ️️️⚠️ ↑↑↑: When adding a new snippet, update the TypeScript declaration as well! ↑↑↑ ⚠️️ #}
  271. {% block javascriptTranslations %}
  272. {# This block and the above variable jsTranslations is now extendable, like this:
  273. {% block javascriptTranslations %}
  274. {% set jsTranslations = jsTranslations|merge({
  275. 'NEW_ENTRY': 'NEW_ENTRY'|trans,
  276. }) %}
  277. {{ parent() }}
  278. {% endblock %}
  279. #}
  281. window.translations = {{ jsTranslations|json_encode|raw }};
  282. window.currentLocaleWithHyphen = '{{ storeContext.localeInfo.getCurrentLocaleWithHyphen }}'
  283. window.currencyCode = '{{ 0|currencyCode }}'
  284. window.storeKey = '{{ storeKey() }}'
  285. window.storeAlias = '{{ storeContext.getAlias }}'
  287. {# window.environmentShortString = '{{ environmentShortString() }}' #}
  288. {% endblock %}
  290. window.controllerUrls = {
  291. 'urlAddToShoppingList': '{{ path('app_shopping_list_add') }}',
  292. 'urlRemoveFromShoppingList': '{{ path('app_shopping_list_remove') }}',
  293. 'current': '{{ app.request.uri }}',
  294. 'cart': '{{ path('checkout_cart_index') }}',
  295. 'cartCount': '{{ path('checkout_cart_get_items_count') }}',
  296. 'directOrder': '{{ path('checkout_cart_index') }}?directOrder=true',
  297. 'categoryTree': '{{ path('app_get_category_tree') }}',
  298. 'urlService': '{{ app.request.server.get('URLSERVICE') }}',
  299. 'imageService': '{{ app.request.server.get('IMAGESERVICE') }}',
  300. 'currentLanguage': '{{ storeContext.localeInfo.currentLocale|default }}',
  301. 'defaultLanguage': '{{ storeContext.localeInfo.defaultLocale|default }}',
  302. 'academyApiUrl': '{{ app.request.server.get('ACADEMYSERVICE')|default }}',
  303. 'productAttributeLabel': '{{ path('app_get_product_attribute_label_by_key') }}',
  304. 'productSkusByPriceChannel': '{{ path('app_get_product_skus_by_channel') }}',
  305. 'loadMenuSlot': '{{ path('app_get_menu_slot') }}',
  306. 'loggingUrl': '{{ path('checkout_order_logging') }}'
  307. }
  308. {# ️️️⚠️ ↑↑↑: When adding a new URL, update the TypeScript declaration as well! ↑↑↑ ⚠️️ #}
  310. window.useUsSkuPattern = Boolean({{ storeContext.isAmericaSkuFormat|default(0) }});
  312. /** @type {boolean} */
  313. window.isPreview = {% if app.getRequest().attributes.get('storyblok_preview') %}true{% else %}false{% endif %};
  314. {% if app.request.cookies.get("isPunchout") == "oci" or app.request.cookies.get("isPunchout") == "cxml" %}
  315. window.isPunchout = true;
  316. window.priceChannel = '{{ storeContext.getPriceChannelId }}';
  317. {% endif %}
  318. </script>
  319. {{ encore_entry_script_tags('app') }}
  320. {{ encore_entry_script_tags('friendly-captcha-v2', null, '_default', {
  321. type: 'module',
  322. async: true,
  323. defer: true
  324. }) }}
  326. {% endblock %}
  327. {% block structuredData %}
  328. {% include('components/atoms/structured-data/structured-data.html.twig') with {
  329. 'structuredData': 'structured_data_default'|trans
  330. } %}
  331. {% endblock %}
  333. </body>
  334. </html>