custom/plugins/TcinnThemeWareClean/src/Resources/views/storefront/base.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  3. {# TODO: prüfen... #}
  5. {# ---------------- START: SET TEMPLATE VARS ---------------- #}
  7. {# ThemeWare: Set theme variables #}
  8. {% set twtContainerLayout = theme_config('twt-container-layout') %}
  9. {% set twtAdditionalJsFile = theme_config('twt-additional-js-file') %}
  10. {% set twtAdditionalJsFileAsync = theme_config('twt-additional-js-file-async') %}
  11. {% set twtAdditionalJsFileLoad = theme_config('twt-additional-js-file-load') %}
  12. {% set twtAnnoncementBannerShow = theme_config('twt-annoncement-banner-show') %}
  13. {% set twtBodyClass = theme_config('twt-body-class') %}
  14. {% set twtBodyClassCmsPageId = theme_config('twt-body-class-cms-page-id') %}
  15. {% set twtContainerLayout = theme_config('twt-container-layout') %}
  16. {% set twtContainerMaxWidth = theme_config('twt-container-max-width') %}
  17. {% set twtCustomJsCode = theme_config('twt-custom-js-code') %}
  18. {% set twtExpertMode = theme_config('twt-expert-mode') %}
  19. {% set twtFloatingWidgetAnimation = theme_config('twt-floating-widget-animation') %}
  20. {% set twtFloatingWidgetBackdrop = theme_config('twt-floating-widget-backdrop') %}
  21. {% set twtFloatingWidgetShow = theme_config('twt-floating-widget-show') %}
  22. {% set twtFloatingWidgetShowOpened = theme_config('twt-floating-widget-show-opened') %}
  23. {% set twtHeaderLogoType = theme_config('twt-header-logo-type') %}
  24. {% set twtHeaderSearchType = theme_config('twt-header-search-type') %}
  25. {% set twtHeaderType = theme_config('twt-header-type') %}
  26. {% set twtLicensekey = theme_config('twt-footer-lizenzkey') %}
  27. {% set twtShoppingExperiencesHeaderPosition = theme_config('twt-shopping-experiences-header-position') %}
  28. {% set twtSlideoutCommunitiesShow = theme_config('twt-slideout-communities-show') %}
  29. {% set twtStickyNavMainBreakpoint = theme_config('twt-sticky-nav-main-breakpoint') %}
  30. {% set twtStickyNavMainCartShow = theme_config('twt-sticky-nav-main-cart-show') %}
  31. {% set twtStickyNavMainLogoImage = theme_config('twt-sticky-nav-main-logo-image') %}
  32. {% set twtStickyNavMainLogoShow = theme_config('twt-sticky-nav-main-logo-show') %}
  33. {% set twtStickyNavMainScrollTop = theme_config('twt-sticky-nav-main-scroll-top') %}
  34. {% set twtStickyNavMainSearchShow = theme_config('twt-sticky-nav-main-search-show') %}
  35. {% set twtStickyNavMainShow = theme_config('twt-sticky-nav-main-show') %}
  36. {% set twtStickyNavMainToggle = theme_config('twt-sticky-nav-main-toggle') %}
  37. {% set twtStickyNavMainType = theme_config('twt-sticky-nav-main-type') %}
  38. {% set twtHeaderPhoneFixed = theme_config('twt-header-phone-fixed') %}
  39. {% set twtUspBarFooter = theme_config('twt-usp-bar-footer') %}
  40. {% set twtUspBarFooterPosition = theme_config('twt-usp-bar-footer-position') %}
  41. {% set twtUspBarHeader = theme_config('twt-usp-bar-header') %}
  42. {% set twtUspBarHeaderPosition = theme_config('twt-usp-bar-header-position') %}
  44. {# ---------------- END: SET TEMPLATE VARS ---------------- #}
  47. {# ThemeWare: Set custom fields #}
  48. {% set twtCustomFields = {
  49.     category: page.header.navigation.active.translated.customFields,
  50.     product: page.product.translated.customFields
  51. } %}
  53. {# ThemeWare: Set "Shopping Experiences Header" variable #}
  54. {% set twtShoppingExperiencesHeader = false %}
  56. {% if twtShoppingExperiencesHeaderPosition == 2 %}
  57.     {# ThemeWare: Allow "Shopping Experiences Header" on the home page or in listings via a custom-field #}
  58.     {% if controllerAction is same as('home') %}
  59.         {# ThemeWare: Allow "Shopping Experiences Header" on the home page #}
  60.         {% set twtShoppingExperiencesHeader = true %}
  62.     {% elseif controllerName|lower is same as('navigation') %}
  63.         {# ThemeWare: Allow "Shopping Experiences Header" in listing pages via a custom-field #}
  64.         {% if twtCustomFields.category.twt_clean_pro_custom_field__category__shopping_experiences_header is not empty and twtCustomFields.category.twt_clean_pro_custom_field__category__shopping_experiences_header == "1" %}
  65.             {% set twtShoppingExperiencesHeader = true %}
  66.         {% endif %}
  67.     {% endif %}
  68. {% endif %}
  70. {# TODO: prüfen... #}
  71. {# TODO: Kommentare formatieren, Blöcke mit TW #}
  73. {% block base_body_inner %}
  74.     {% set tcinn = true %}
  76.     {% if twtLicensekey %}
  77.         {% set twtLicensekeyValues = {} %}
  78.         {% for letter in 0..9 %}
  79.             {% set twtLicensekeyValues = twtLicensekeyValues|merge({
  80.                 (letter): (loop.index + 47)
  81.             }) %}
  82.         {% endfor %}
  83.         {% for letter in 'A'..'Z' %}
  84.             {% set twtLicensekeyValues = twtLicensekeyValues|merge({
  85.                 (letter): (loop.index + 64)
  86.             }) %}
  87.         {% endfor %}
  88.         {% for letter in 'a'..'z' %}
  89.             {% set twtLicensekeyValues = twtLicensekeyValues|merge({
  90.                 (letter): (loop.index + 96)
  91.             }) %}
  92.         {% endfor %}
  93.         {% set twtLicensekeySum = 0 %}
  94.         {% for char in twtLicensekey|replace({'-': ''})|split('') %}
  95.             {% set twtLicensekeySum = (twtLicensekeySum + (twtLicensekeyValues[char] * (loop.index-1))) %}
  96.         {% endfor %}
  97.         {% if twtLicensekeySum == 11000 or (twtLicensekey starts with 'TL' and twtLicensekey|length == 16) %}
  98.             {% set tcinn = false %}
  99.         {% endif %}
  100.     {% endif %}
  102.     {# ThemeWare: Add additional wrapper in the body for boxed layouts #}
  103.     {% if twtContainerLayout == 3 %}
  104.         <div class="container body-container">{{ parent() }}</div>
  105.     {% else %}
  106.         {# Default block #}
  107.         {{ parent() }}
  108.     {% endif %}
  109. {% endblock %}
  112. {# ThemeWare: Set body classes (reverse order) #}
  113. {% set bodyClasses = [] %}
  114.     {# ThemeWare: Apply category class #}
  115.     {% if twtCustomFields.category.twt_clean_pro_custom_field__category__body_class is not empty %}
  116.         {% set bodyClasses = [twtCustomFields.category.twt_clean_pro_custom_field__category__body_class|lower]|merge(bodyClasses) %}
  117.     {% endif %}
  119.     {# ThemeWare: Theme body class #}
  120.     {% if twtBodyClass and twtExpertMode == 2 %}
  121.         {% set bodyClasses = [twtBodyClass]|merge(bodyClasses) %}
  122.     {% endif %}
  124.     {# ThemeWare: Theme logged-in class #}
  125.     {% if context.customer is not empty %}{% set bodyClasses = ['twt-logged-in']|merge(bodyClasses) %}{% endif %}
  127.     {# ThemeWare: Add CMS-Page-ID #}
  128.     {% if page.cmsPage.type != NULL %}
  129.         {% if twtBodyClassCmsPageId == 2 %}
  130.             {% set bodyClasses = ['twt-cms-id-' ~ page.cmsPage.id]|merge(bodyClasses) %}
  131.         {% endif %}
  132.         {% if twtBodyClassCmsPageId == 3 %}
  133.             {% set bodyClasses = ['twt-cms-id-' ~ page.cmsPage.id|slice(0, 7)]|merge(bodyClasses) %}
  134.         {% endif %}
  135.     {% endif %}
  137.     {# ThemeWare: Add CMS-Pagetype #}
  138.     {% if page.cmsPage.type != NULL %}
  139.         {% set bodyClasses = ['twt-is-cms-' ~ page.cmsPage.type|replace({ "_":"-" })]|merge(bodyClasses) %}
  140.     {% endif %}
  142.     {# ThemeWare: Add container layout #}
  143.     {% if twtContainerLayout == 1 %}
  144.         {% set bodyClasses = ['twt-full-width']|merge(bodyClasses) %}
  145.     {% elseif twtContainerLayout == 2 %}
  146.         {% set bodyClasses = ['twt-full-width-boxed']|merge(bodyClasses) %}
  147.     {% elseif twtContainerLayout == 3 %}
  148.         {% set bodyClasses = ['twt-boxed']|merge(bodyClasses) %}
  149.     {% endif %}
  151.     {# ThemeWare: Apply "Shopping experience header" class #}
  152.     {% if twtShoppingExperiencesHeader %}
  153.         {% set bodyClasses = ['twt-shopping-experiences-header']|merge(bodyClasses) %}
  154.     {% endif %}
  156.     {# ThemeWare: Add header type #}
  157.     {% if twtHeaderType %}
  158.         {% set bodyClasses = ['twt-header-type-' ~ twtHeaderType]|merge(bodyClasses) %}
  159.     {% endif %}
  161.     {# ThemeWare: Theme variant class #}
  162.     {% set bodyClasses = ['twt-clean']|merge(bodyClasses) %}
  164.     {# ThemeWare: ThemeWare class #}
  165.     {% set bodyClasses = ['themeware']|merge(bodyClasses) %}
  167. {# ThemeWare: Add body classes
  168.     - Replace: tab, new line, return, NUL-byte, vertical tab
  169. #}
  170. {% block base_body_classes %}{{ parent() }}{% apply replace({"\t":"", "\n":"", "\r":"", "\0":"", "\x0B":"", "\r\n":""}) %} {{ bodyClasses|join(' ') }}{% endapply %}{% endblock %}
  173. {# ThemeWare: Add/change header #}
  174. {% block base_header %}
  175.     {# ThemeWare: "Ankündigungsbanner" ergänzen. #}
  176.     {% if twtAnnoncementBannerShow > 1 %}
  177.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-announcement-banner.html.twig' ignore missing with {
  178.             type: 'header',
  179.             alignment: 'top',
  180.             close: 'false'
  181.         } %}
  182.     {% endif %}
  184.     {# ThemeWare: "USP-Bar" über dem Header ergänzen. #}
  185.     {% if twtUspBarHeader > 1 and twtUspBarHeaderPosition == 1 %}
  186.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-usp-bar.html.twig' ignore missing with {
  187.             type: 'header',
  188.             alignment: 'top'
  189.         } %}
  190.     {% endif %}
  192.     {# Default block #}
  193.     {{ parent() }}
  195.     {# ThemeWare: "USP-Bar" über der Navigation ergänzen. #}
  196.     {% if twtUspBarHeader > 1 and twtUspBarHeaderPosition == 2 %}
  197.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-usp-bar.html.twig' ignore missing with {
  198.             type: 'header'
  199.         } %}
  200.     {% endif %}
  201. {% endblock %}
  204. {# ThemeWare: Adjustments on base footer #}
  205. {% block base_footer %}
  206.     {# ThemeWare: "USP-Bar" über dem Footer ergänzen. #}
  207.     {% if twtUspBarFooter > 1 and twtUspBarFooterPosition == 1 %}
  208.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-usp-bar.html.twig' ignore missing with {
  209.             type: 'footer'
  210.         } %}
  211.     {% endif %}
  213.     {# Default block #}
  214.     {{ parent() }}
  216.     {# ThemeWare: "Slideout-Communities" zum Footer hinzufügen. #}
  217.     {# TODO: Add configuration #}
  218.     {% if twtSlideoutCommunitiesShow == 2 %}
  219.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-slideout-communities.html.twig' ignore missing %}
  220.     {% endif %}
  222.     {# ThemeWare: "Floating-Widget" zum Footer hinzufügen. #}
  223.     {% if twtFloatingWidgetShow == 2 %}
  224.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-floating-widget.html.twig' ignore missing with {
  225.             open: twtFloatingWidgetShowOpened,
  226.             animation: twtFloatingWidgetAnimation,
  227.             backdrop: twtFloatingWidgetBackdrop
  228.         } %}
  229.     {% endif %}
  230. {% endblock %}
  233. {# ThemeWare: Adjustments on the main navigation #}
  234. {# TODO: Check compatibility #}
  235. {% block base_navigation %}
  237.     {# ThemeWare: Block leeren wenn "Header 10" aktiv ist. Andernfalls werden Anpassungen für unsere Basis-Header vorgenommen.   #customHeader #}
  238.     {% if twtHeaderType != 10 %}
  240.         {# ThemeWare: Add sticky data attribute #}
  241.         {% if twtStickyNavMainShow > 1 %}
  242.             {# ThemeWare: Set data only if sticky navigation is activated #}
  243.             <div class="nav-main">
  244.                 {% block base_navigation_inner %}
  245.                     <div class="container">
  247.                         {# ThemeWare: Add sticky logo for sticky-navigation #}
  248.                         {% if twtStickyNavMainLogoShow == 2 and twtStickyNavMainLogoImage %}
  249.                             {% block layout_sticky_logo %}
  250.                                 <div id="sticky-logo" class="d-none">
  251.                                     <a class="sticky-logo-main-link" href="{{ path('frontend.home.page') }}" title="{{ "header.logoLink"|trans|striptags }}">
  252.                                         <picture>
  254.                                             {# Default logo #}
  255.                                             {% if twtHeaderLogoType != 2 %}
  256.                                                 <img src="{{ twtStickyNavMainLogoImage |sw_encode_url }}" alt="{{ "header.logoLink"|trans|striptags }}" />
  257.                                             {% endif %}
  259.                                             {# ThemeWare: "Text-Logo" ergänzen. #}
  260.                                             {% block twt_layout_header_textlogo %}
  261.                                                 {% if twtHeaderLogoType == 2 %}
  262.                                                     {% sw_include '@Storefront/storefront/themeware/includes/twt-textlogo-include.html.twig' ignore missing with {
  263.                                                         sticky: true
  264.                                                     } %}
  265.                                                 {% endif %}
  266.                                             {% endblock %}
  268.                                         </picture>
  269.                                     </a>
  270.                                 </div>
  271.                             {% endblock %}
  272.                         {% endif %}
  274.                         {# ThemeWare: Add nav-main-toggle for sticky-navigation #}
  275.                         {% if twtStickyNavMainToggle == 2 or twtStickyNavMainShow == 3 %}
  276.                             {% block layout_sticky_navigation_toggle %}
  277.                                 <div id="sticky-nav-main-toggle" class="d-none">
  278.                                     <div class="menu-button">
  279.                                         <button class="btn nav-main-toggle-btn header-actions-btn"    type="button" title="{{ "twt.header.offcanvasMenuText"|trans }}" data-offcanvas-menu="true" aria-label="{{ "general.menuLink"|trans|striptags }}">
  280.                                         {% sw_icon 'stack' %}
  281.                                         {# ThemeWare: Add label 'Navigation' to toggle-icon #}
  282.                                         <span class="header-nav-main-toggle-label">
  283.                                             {{ "twt.header.offcanvasMenuText"|trans }}
  284.                                         </span>
  285.                                         </button>
  286.                                     </div>
  287.                                 </div>
  288.                             {% endblock %}
  289.                         {% endif %}
  291.                         {# ThemeWare: Add cart-button for sticky-navigation #}
  292.                         {% if twtStickyNavMainCartShow == 2 %}
  293.                             <span id="js-sticky-cart-position" class="d-none"></span>
  294.                         {% endif %}
  296.                         {# ThemeWare: Add search-button for sticky-navigation #}
  297.                         {% if twtStickyNavMainSearchShow == 2 %}
  298.                             <span id="js-sticky-search-position" class="d-none"></span>
  299.                         {% endif %}
  300.                     </div>
  302.                     {# Default block #}
  303.                     {{ parent() }}
  304.                 {% endblock %}
  305.             </div>
  306.         {% else %}
  308.             {# Default block #}
  309.             {{ parent() }}
  310.         {% endif %}
  312.     {% endif %}
  314.     {# ThemeWare: Add elements after the main navigation #}
  316.     {# ThemeWare: New position for the search container with "Flyout search" (twt-header-search-type 2) or "Fullscreen search" (twt-header-search-type 4)
  317.         - "Flyout search" must be used in "Header 2.1" (twt-header-type 4)
  318.     #}
  319.     {% if twtHeaderSearchType == 2 or twtHeaderSearchType == 4 %}
  320.         {% block twt_layout_header_search_on_header %}
  321.             <div class="search-container">
  322.                 {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  323.             </div>
  324.         {% endblock %}
  325.     {% endif %}
  327.     {# ThemeWare: "USP-Bar" unter dem Header hinzufügen. #}
  328.     {% if twtUspBarHeader > 1 and twtUspBarHeaderPosition == 3 %}
  329.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-usp-bar.html.twig' ignore missing with {
  330.             type: 'header',
  331.             alignment: 'top'
  332.         } %}
  333.     {% endif %}
  334. {% endblock %}
  337. {# ThemeWare: Adjustments on script block #}
  338. {# TODO: Check with v6.5.0 #}
  339. {% block base_body_script %}
  340.     {# ThemeWare: Add data atrributes (for ThemeWare exclusive elements) #}
  341.     <div id="twt-data-attributes" class="invisible d-none"
  342.          {% if twtShoppingExperiencesHeader %} {# "Erlebniswelt-Header" aktiv #}
  343.              data-twt-shopping-experiences-header="true"
  344.          {% endif %}
  345.          {% if twtStickyNavMainShow > 1 and twtHeaderType < 10 %} {# Top-Navigation ist sticky (nicht im Custom-Header) #}
  346.              data-twt-sticky-breakpoint="{{ twtStickyNavMainBreakpoint }}"
  347.              data-twt-sticky-cart="{{ twtStickyNavMainCartShow }}"
  348.              data-twt-sticky-container-width="{{ twtContainerMaxWidth }}"
  349.              data-twt-sticky-scroll-top="{{ twtStickyNavMainScrollTop }}"
  350.              data-twt-sticky-search="{{ twtStickyNavMainSearchShow }}"
  351.              data-twt-sticky-type="{{ twtStickyNavMainType }}"
  352.          {% endif %}
  353.          {% if twtStickyNavMainShow > 1 and twtHeaderType < 10 %} {# Mobile Header ist sticky (nicht im Custom-Header) #}
  354.              data-twt-mobile-sticky-header="{{ twtHeaderPhoneFixed }}"
  355.          {% endif %}
  356.          data-twt-search-type="{{ twtHeaderSearchType }}"
  357.     ></div>
  359.     {# Default block #}
  360.     {{ parent() }}
  362.     {# ThemeWare: JavaScript ergänzen. #}
  363.     {% if twtCustomJsCode and twtExpertMode == 2 %}
  364.         <!-- Custom js code -->
  365.         {{ theme_config('twt-custom-js-code') | raw }}
  366.     {% endif %}
  368.     {# ThemeWare: JS-Datei ergänzen. #}
  369.     {% if twtAdditionalJsFile and twtAdditionalJsFileLoad == 2 and twtExpertMode == 2 %}
  370.         <!-- Custom js file -->
  371.         <script type="text/javascript" src="{{ twtAdditionalJsFile }}" crossorigin="anonymous"{% if twtAdditionalJsFileAsync == 2 %} async{% endif %}></script>
  372.     {% endif %}
  373. {% endblock %}