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