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 twtAnnouncementBannerShow = theme_config('twt-announcement-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 twtIconSet = theme_config('twt-iconset') %}
  27. {% set twtLicensekey = theme_config('twt-footer-lizenzkey') %}
  28. {% set twtNavMainShow = theme_config('twt-nav-main-show') %}
  29. {% set twtShoppingExperiencesHeaderPosition = theme_config('twt-shopping-experiences-header-position') %}
  30. {% set twtSlideoutCommunitiesShow = theme_config('twt-slideout-communities-show') %}
  31. {% set twtStickyNavMainBreakpoint = theme_config('twt-sticky-nav-main-breakpoint') %}
  32. {% set twtStickyNavMainCartShow = theme_config('twt-sticky-nav-main-cart-show') %}
  33. {% set twtStickyNavMainLogoImage = theme_config('twt-sticky-nav-main-logo-image') %}
  34. {% set twtStickyNavMainLogoShow = theme_config('twt-sticky-nav-main-logo-show') %}
  35. {% set twtStickyNavMainScrollTop = theme_config('twt-sticky-nav-main-scroll-top') %}
  36. {% set twtStickyNavMainSearchShow = theme_config('twt-sticky-nav-main-search-show') %}
  37. {% set twtStickyNavMainShow = theme_config('twt-sticky-nav-main-show') %}
  38. {% set twtStickyNavMainToggle = theme_config('twt-sticky-nav-main-toggle') %}
  39. {% set twtStickyNavMainType = theme_config('twt-sticky-nav-main-type') %}
  40. {% set twtHeaderPhoneFixed = theme_config('twt-header-phone-fixed') %}
  41. {% set twtUspBarFooter = theme_config('twt-usp-bar-footer') %}
  42. {% set twtUspBarFooterPosition = theme_config('twt-usp-bar-footer-position') %}
  43. {% set twtUspBarHeader = theme_config('twt-usp-bar-header') %}
  44. {% set twtUspBarHeaderPosition = theme_config('twt-usp-bar-header-position') %}
  45. {% set twtCookiePermissionPosition = theme_config('twt-cookie-permission-position') %}
  47. {# Debug mode: Overwrite expert mode #}
  48. {% if config('TcinnThemeWareClean.config.debugMode') is not empty and config('TcinnThemeWareClean.config.debugMode') == 'true' %}
  49.     {% set twtExpertMode = 1 %}
  50. {% endif %}
  52. {# Debug mode #}
  53. {% set twtCustomCssCode = theme_config('twt-custom-css-code') %}
  54. {% set twtCustomHtmlCode = theme_config('twt-custom-html-code') %}
  55. {% set twtAdditionalCssFileLoad = theme_config('twt-additional-css-file-load') %}
  57. {# ---------------- END: SET TEMPLATE VARS ---------------- #}
  60. {# ThemeWare: Set custom fields #}
  61. {% set twtCustomFields = {
  62.     category: page.header.navigation.active.translated.customFields,
  63.     product: page.product.translated.customFields
  64. } %}
  66. {# ThemeWare: Set "Shopping Experiences Header" variable #}
  67. {% set twtShoppingExperiencesHeader = false %}
  69. {% if twtShoppingExperiencesHeaderPosition == 2 %}
  70.     {# ThemeWare: Allow "Shopping Experiences Header" on the home page or in listings via a custom-field #}
  71.     {% if controllerAction is same as('home') %}
  72.         {# ThemeWare: Allow "Shopping Experiences Header" on the home page #}
  73.         {% set twtShoppingExperiencesHeader = true %}
  75.     {% elseif controllerName|lower is same as('navigation') %}
  76.         {# ThemeWare: Allow "Shopping Experiences Header" in listing pages via a custom-field #}
  77.         {% 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" %}
  78.             {% set twtShoppingExperiencesHeader = true %}
  79.         {% endif %}
  80.     {% endif %}
  81. {% endif %}
  83. {# TODO: prüfen... #}
  84. {# TODO: Kommentare formatieren, Blöcke mit TW #}
  86. {% block base_body_inner %}
  87.     {% set tcinn = true %}
  89.     {% if twtLicensekey %}
  90.         {% set twtLicensekeyValues = {} %}
  91.         {% for letter in 0..9 %}
  92.             {% set twtLicensekeyValues = twtLicensekeyValues|merge({
  93.                 (letter): (loop.index + 47)
  94.             }) %}
  95.         {% endfor %}
  96.         {% for letter in 'A'..'Z' %}
  97.             {% set twtLicensekeyValues = twtLicensekeyValues|merge({
  98.                 (letter): (loop.index + 64)
  99.             }) %}
  100.         {% endfor %}
  101.         {% for letter in 'a'..'z' %}
  102.             {% set twtLicensekeyValues = twtLicensekeyValues|merge({
  103.                 (letter): (loop.index + 96)
  104.             }) %}
  105.         {% endfor %}
  106.         {% set twtLicensekeySum = 0 %}
  107.         {% for char in twtLicensekey|replace({'-': ''})|split('') %}
  108.             {% set twtLicensekeySum = (twtLicensekeySum + (twtLicensekeyValues[char] * (loop.index-1))) %}
  109.         {% endfor %}
  110.         {% if twtLicensekeySum == 11000 or (twtLicensekey starts with 'TL' and twtLicensekey|length == 16) %}
  111.             {% set tcinn = false %}
  112.         {% endif %}
  113.     {% endif %}
  115.     {# ThemeWare: Add additional wrapper in the body for boxed layouts #}
  116.     {% if twtContainerLayout == 3 %}
  117.         <div class="container body-container">{{ parent() }}</div>
  118.     {% else %}
  119.         {# Default block #}
  120.         {{ parent() }}
  121.     {% endif %}
  122. {% endblock %}
  125. {# ThemeWare: Set body classes (reverse order) #}
  126. {% set bodyClasses = [] %}
  127.     {# ThemeWare: Apply category class #}
  128.     {% if twtCustomFields.category.twt_clean_pro_custom_field__category__body_class is not empty %}
  129.         {% set bodyClasses = [twtCustomFields.category.twt_clean_pro_custom_field__category__body_class|lower]|merge(bodyClasses) %}
  130.     {% endif %}
  132.     {# ThemeWare: Theme body class #}
  133.     {% if twtBodyClass and twtExpertMode == 2 %}
  134.         {% set bodyClasses = [twtBodyClass]|merge(bodyClasses) %}
  135.     {% endif %}
  137.     {# ThemeWare: Theme logged-in class #}
  138.     {% if context.customer is not empty %}{% set bodyClasses = ['twt-logged-in']|merge(bodyClasses) %}{% endif %}
  140.     {# ThemeWare: Add CMS-Page-ID #}
  141.     {% if page.cmsPage.type != NULL %}
  142.         {% if twtBodyClassCmsPageId == 2 %}
  143.             {% set bodyClasses = ['twt-cms-id-' ~ page.cmsPage.id]|merge(bodyClasses) %}
  144.         {% endif %}
  145.         {% if twtBodyClassCmsPageId == 3 %}
  146.             {% set bodyClasses = ['twt-cms-id-' ~ page.cmsPage.id|slice(0, 7)]|merge(bodyClasses) %}
  147.         {% endif %}
  148.     {% endif %}
  150.     {# ThemeWare: Add CMS-Pagetype #}
  151.     {% if page.cmsPage.type != NULL %}
  152.         {% set bodyClasses = ['twt-is-cms-' ~ page.cmsPage.type|replace({ "_":"-" })]|merge(bodyClasses) %}
  153.     {% endif %}
  155.     {# ThemeWare: Add container layout #}
  156.     {% if twtContainerLayout == 1 %}
  157.         {% set bodyClasses = ['twt-full-width']|merge(bodyClasses) %}
  158.     {% elseif twtContainerLayout == 2 %}
  159.         {% set bodyClasses = ['twt-full-width-boxed']|merge(bodyClasses) %}
  160.     {% elseif twtContainerLayout == 3 %}
  161.         {% set bodyClasses = ['twt-boxed']|merge(bodyClasses) %}
  162.     {% endif %}
  164.     {# ThemeWare: Apply "Shopping experience header" class #}
  165.     {% if twtShoppingExperiencesHeader %}
  166.         {% set bodyClasses = ['twt-shopping-experiences-header']|merge(bodyClasses) %}
  167.     {% endif %}
  169.     {# ThemeWare: Add header type #}
  170.     {% if twtHeaderType %}
  171.         {% set bodyClasses = ['twt-header-type-' ~ twtHeaderType]|merge(bodyClasses) %}
  172.     {% endif %}
  174.     {# ThemeWare: Theme variant class #}
  175.     {% set bodyClasses = ['twt-clean']|merge(bodyClasses) %}
  177.     {# ThemeWare: ThemeWare class #}
  178.     {% set bodyClasses = ['themeware']|merge(bodyClasses) %}
  180. {# ThemeWare: Add body classes
  181.     - Replace: tab, new line, return, NUL-byte, vertical tab
  182. #}
  183. {% block base_body_classes %}{{ parent() }}{% apply replace({"\t":"", "\n":"", "\r":"", "\0":"", "\x0B":"", "\r\n":""}) %} {{ bodyClasses|join(' ') }}{% endapply %}{% endblock %}
  186. {# ThemeWare: Add/change header #}
  187. {% block base_header %}
  188.     {# ThemeWare: "Ankündigungsbanner" ergänzen. #}
  189.     {% if twtAnnouncementBannerShow > 1 %}
  190.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-announcement-banner.html.twig' ignore missing with {
  191.             type: 'header',
  192.             alignment: 'top',
  193.             close: 'false'
  194.         } %}
  195.     {% endif %}
  197.     {# ThemeWare: "USP-Bar" über dem Header ergänzen. #}
  198.     {% if twtUspBarHeader > 1 and twtUspBarHeaderPosition == 1 %}
  199.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-usp-bar.html.twig' ignore missing with {
  200.             type: 'header',
  201.             alignment: 'top'
  202.         } %}
  203.     {% endif %}
  205.     {# Default block #}
  206.     {{ parent() }}
  208.     {# ThemeWare: "USP-Bar" über der Navigation ergänzen. #}
  209.     {% if twtUspBarHeader > 1 and twtUspBarHeaderPosition == 2 %}
  210.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-usp-bar.html.twig' ignore missing with {
  211.             type: 'header'
  212.         } %}
  213.     {% endif %}
  214. {% endblock %}
  217. {# ThemeWare: Adjustments on base footer #}
  218. {% block base_footer %}
  219.     {# ThemeWare: "USP-Bar" über dem Footer ergänzen. #}
  220.     {% if twtUspBarFooter > 1 and twtUspBarFooterPosition == 1 %}
  221.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-usp-bar.html.twig' ignore missing with {
  222.             type: 'footer'
  223.         } %}
  224.     {% endif %}
  226.     {# Default block #}
  227.     {{ parent() }}
  229.     {# ThemeWare: "Slideout-Communities" zum Footer hinzufügen. #}
  230.     {# TODO: Add configuration #}
  231.     {% if twtSlideoutCommunitiesShow == 2 %}
  232.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-slideout-communities.html.twig' ignore missing %}
  233.     {% endif %}
  235.     {# ThemeWare: "Floating-Widget" zum Footer hinzufügen. #}
  236.     {% if twtFloatingWidgetShow == 2 %}
  237.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-floating-widget.html.twig' ignore missing with {
  238.             open: twtFloatingWidgetShowOpened,
  239.             animation: twtFloatingWidgetAnimation,
  240.             backdrop: twtFloatingWidgetBackdrop
  241.         } %}
  242.     {% endif %}
  243. {% endblock %}
  246. {# ThemeWare: Adjustments on the main navigation #}
  247. {# TODO: Check compatibility #}
  248. {% block base_navigation %}
  250.     {# ThemeWare: Block leeren wenn "Header 10" aktiv ist. Andernfalls werden Anpassungen für unsere Basis-Header vorgenommen.   #customHeader #}
  251.     {% if twtHeaderType != 10 %}
  253.         {# ThemeWare: Add sticky data attribute #}
  254.         {% if twtStickyNavMainShow > 1 %}
  255.             {# ThemeWare: Set data only if sticky navigation is activated #}
  256.             <div class="nav-main">
  257.                 {% block base_navigation_inner %}
  258.                     <div class="container">
  260.                         {# ThemeWare: Add sticky logo for sticky-navigation #}
  261.                         {% if twtStickyNavMainLogoShow == 2 and twtStickyNavMainLogoImage %}
  262.                             {% block layout_sticky_logo %}
  263.                                 <div id="sticky-logo" class="d-none">
  264.                                     <a class="sticky-logo-main-link" href="{{ path('frontend.home.page') }}" title="{{ "header.logoLink"|trans|striptags }}">
  265.                                         <picture>
  267.                                             {# Default logo #}
  268.                                             {% if twtHeaderLogoType != 2 %}
  269.                                                 <img src="{{ twtStickyNavMainLogoImage |sw_encode_url }}" alt="{{ "header.logoLink"|trans|striptags }}" />
  270.                                             {% endif %}
  272.                                             {# ThemeWare: "Text-Logo" ergänzen. #}
  273.                                             {% block twt_layout_header_textlogo %}
  274.                                                 {% if twtHeaderLogoType == 2 %}
  275.                                                     {% sw_include '@Storefront/storefront/themeware/includes/twt-textlogo-include.html.twig' ignore missing with {
  276.                                                         sticky: true
  277.                                                     } %}
  278.                                                 {% endif %}
  279.                                             {% endblock %}
  281.                                         </picture>
  282.                                     </a>
  283.                                 </div>
  284.                             {% endblock %}
  285.                         {% endif %}
  287.                         {# ThemeWare: Add nav-main-toggle for sticky-navigation #}
  288.                         {% if twtStickyNavMainToggle == 2 or twtStickyNavMainShow == 3 %}
  289.                             {% block layout_sticky_navigation_toggle %}
  290.                                 <div id="sticky-nav-main-toggle" class="d-none">
  291.                                     <div class="menu-button">
  292.                                         <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 }}">
  293.                                             {% if twtIconSet is not same as ('default') %}
  294.                                                 {% sw_icon 'stack' style {'pack':'themeware'} %}
  295.                                             {% else %}
  296.                                                 {% sw_icon 'stack' %}
  297.                                             {% endif %}
  298.                                             {# ThemeWare: Add label 'Navigation' to toggle-icon #}
  299.                                             <span class="header-nav-main-toggle-label">
  300.                                                 {{ "twt.header.offcanvasMenuText"|trans }}
  301.                                             </span>
  302.                                         </button>
  303.                                     </div>
  304.                                 </div>
  305.                             {% endblock %}
  306.                         {% endif %}
  308.                         {# ThemeWare: Add cart-button for sticky-navigation #}
  309.                         {% if twtStickyNavMainCartShow == 2 %}
  310.                             <span id="js-sticky-cart-position" class="d-none"></span>
  311.                         {% endif %}
  313.                         {# ThemeWare: Add search-button for sticky-navigation #}
  314.                         {% if twtStickyNavMainSearchShow == 2 %}
  315.                             <span id="js-sticky-search-position" class="d-none"></span>
  316.                         {% endif %}
  317.                     </div>
  319.                     {# Default block #}
  320.                     {{ parent() }}
  321.                 {% endblock %}
  322.             </div>
  323.         {% else %}
  325.             {# Default block #}
  326.             {{ parent() }}
  327.         {% endif %}
  329.     {% endif %}
  331.     {# ThemeWare: Add elements after the main navigation #}
  333.     {# ThemeWare: New position for the search container with "Flyout search" (twt-header-search-type 2) or "Fullscreen search" (twt-header-search-type 4)
  334.         - "Flyout search" must be used in "Header 2.1" (twt-header-type 4)
  335.     #}
  336.     {% if twtHeaderSearchType == 2 or twtHeaderSearchType == 4 %}
  337.         {% block twt_layout_header_search_on_header %}
  338.             <div class="search-container">
  339.                 {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  340.             </div>
  341.         {% endblock %}
  342.     {% endif %}
  344.     {# ThemeWare: "USP-Bar" unter dem Header hinzufügen. #}
  345.     {% if twtUspBarHeader > 1 and twtUspBarHeaderPosition == 3 %}
  346.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-usp-bar.html.twig' ignore missing with {
  347.             type: 'header',
  348.             alignment: 'top'
  349.         } %}
  350.     {% endif %}
  351. {% endblock %}
  354. {# ThemeWare: Adjustments on script block #}
  355. {# TODO: Check with v6.5.0 #}
  356. {% block base_body_script %}
  357.     {# ThemeWare: Add data atrributes (for ThemeWare exclusive elements) #}
  358.     <div id="twt-data-attributes" class="invisible d-none"
  359.          {% if twtShoppingExperiencesHeader %} {# "Erlebniswelt-Header" aktiv #}
  360.              data-twt-shopping-experiences-header="true"
  361.          {% endif %}
  362.          {% if twtStickyNavMainShow > 1 and twtHeaderType < 10 %} {# Top-Navigation ist sticky (nicht im Custom-Header) #}
  363.              data-twt-sticky-breakpoint="{{ twtStickyNavMainBreakpoint }}"
  364.              data-twt-sticky-cart="{{ twtStickyNavMainCartShow }}"
  365.              data-twt-sticky-container-width="{{ twtContainerMaxWidth }}"
  366.              data-twt-sticky-scroll-top="{{ twtStickyNavMainScrollTop }}"
  367.              data-twt-sticky-search="{{ twtStickyNavMainSearchShow }}"
  368.              data-twt-sticky-type="{{ twtStickyNavMainType }}"
  369.          {% endif %}
  370.          {% if twtStickyNavMainShow > 1 and twtHeaderType < 10 %} {# Mobile Header ist sticky (nicht im Custom-Header) #}
  371.              data-twt-mobile-sticky-header="{{ twtHeaderPhoneFixed }}"
  372.          {% endif %}
  373.         {% if twtCookiePermissionPosition > 1 %} {# Cookie permission position #}
  374.             data-twt-cookie-permission-position="true"
  375.         {% endif %}
  376.          data-twt-search-type="{{ twtHeaderSearchType }}"
  377.          data-twt-top-navigation-type="{{ twtNavMainShow }}"
  378.     ></div>
  380.     {# ThemeWare: Debug mode #}
  381.     {% if config('TcinnThemeWareClean.config.debugMode') is not empty and config('TcinnThemeWareClean.config.debugMode') == 'true' %}
  382.         <!-- BEGIN: Debug information -->
  383.         <!-- Theme: Clean -->
  384.         <!-- Edition: Pro -->
  385.         <!-- Version: 1.1.9 -->
  386.         <!-- CMS page type: {% if page.cmsPage.type != NULL %}{{ page.cmsPage.type }}{% else %}none{% endif %} -->
  387.         <!-- Expert mode: {% if twtExpertMode == 1 %}false{% else %}true{% endif %} -->
  388.         <!-- Individual CSS code: {% if twtCustomCssCode is empty %}false{% else %}true{% endif %} -->
  389.         <!-- Individual HTML code: {% if twtCustomHtmlCode is empty %}false{% else %}true{% endif %} -->
  390.         <!-- Individual JavaScript code: {% if twtCustomJsCode is empty %}false{% else %}true{% endif %} -->
  391.         <!-- Load CSS file: {% if twtAdditionalCssFileLoad == 1 %}false{% else %}true{% endif %} -->
  392.         <!-- Load JavaScript file: {% if twtAdditionalJsFileLoad == 1 %}false{% else %}true{% endif %} -->
  393.         <!-- END: Debug information -->
  394.     {% endif %}
  396.     {# ThemeWare: Add copyright informations #}
  397.     {% if twtIconSet == 'fa-free' or twtIconSet == 'fa-free-alt' %}
  398.         <!--! Font Awesome Free 5 by @fontawesome - https://fontawesome.com | License - https://fontawesome.com/license/free -->
  399.     {% endif %}
  400.     {% if twtIconSet == 'fa6-free' or twtIconSet == 'fa6-free-alt' %}
  401.         <!--! Font Awesome Free 6 by @fontawesome - https://fontawesome.com | License - https://fontawesome.com/license/free Copyright 2022 Fonticons, Inc. -->
  402.     {% endif %}
  404.     {# Default block #}
  405.     {{ parent() }}
  407.     {# ThemeWare: JavaScript ergänzen. #}
  408.     {% if twtCustomJsCode and twtExpertMode == 2 %}
  409.         <!-- Custom js code -->
  410.         {{ theme_config('twt-custom-js-code') | raw }}
  411.     {% endif %}
  413.     {# ThemeWare: JS-Datei ergänzen. #}
  414.     {% if twtAdditionalJsFile and twtAdditionalJsFileLoad == 2 and twtExpertMode == 2 %}
  415.         <!-- Custom js file -->
  416.         <script type="text/javascript" src="{{ twtAdditionalJsFile }}" crossorigin="anonymous"{% if twtAdditionalJsFileAsync == 2 %} async{% endif %}></script>
  417.     {% endif %}
  418. {% endblock %}