custom/plugins/TcinnThemeWareStrong/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('TcinnThemeWareStrong.config.debugMode') is not empty and config('TcinnThemeWareStrong.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_strong_pro_custom_field__category__shopping_experiences_header is not empty and twtCustomFields.category.twt_strong_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_strong_pro_custom_field__category__body_class is not empty %}
  129.         {% set bodyClasses = [twtCustomFields.category.twt_strong_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-strong']|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.         } %}
  194.     {% endif %}
  196.     {# ThemeWare: "USP-Bar" über dem Header ergänzen. #}
  197.     {% if twtUspBarHeader > 1 and twtUspBarHeaderPosition == 1 %}
  198.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-usp-bar.html.twig' ignore missing with {
  199.             type: 'header',
  200.             alignment: 'top'
  201.         } %}
  202.     {% endif %}
  204.     {# Default block #}
  205.     {{ parent() }}
  207.     {# ThemeWare: "USP-Bar" über der Navigation ergänzen. #}
  208.     {% if twtUspBarHeader > 1 and twtUspBarHeaderPosition == 2 %}
  209.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-usp-bar.html.twig' ignore missing with {
  210.             type: 'header'
  211.         } %}
  212.     {% endif %}
  213. {% endblock %}
  216. {# ThemeWare: Adjustments on base footer #}
  217. {% block base_footer %}
  218.     {# ThemeWare: "USP-Bar" über dem Footer ergänzen. #}
  219.     {% if twtUspBarFooter > 1 and twtUspBarFooterPosition == 1 %}
  220.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-usp-bar.html.twig' ignore missing with {
  221.             type: 'footer'
  222.         } %}
  223.     {% endif %}
  225.     {# Default block #}
  226.     {{ parent() }}
  228.     {# ThemeWare: "Slideout-Communities" zum Footer hinzufügen. #}
  229.     {# TODO: Add configuration #}
  230.     {% if twtSlideoutCommunitiesShow == 2 %}
  231.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-slideout-communities.html.twig' ignore missing %}
  232.     {% endif %}
  234.     {# ThemeWare: "Floating-Widget" zum Footer hinzufügen. #}
  235.     {% if twtFloatingWidgetShow == 2 %}
  236.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-floating-widget.html.twig' ignore missing with {
  237.             open: twtFloatingWidgetShowOpened,
  238.             animation: twtFloatingWidgetAnimation,
  239.             backdrop: twtFloatingWidgetBackdrop
  240.         } %}
  241.     {% endif %}
  242. {% endblock %}
  245. {# ThemeWare: Adjustments on the main navigation #}
  246. {# TODO: Check compatibility #}
  247. {% block base_navigation %}
  249.     {# ThemeWare: Block leeren wenn "Header 10" aktiv ist. Andernfalls werden Anpassungen für unsere Basis-Header vorgenommen.   #customHeader #}
  250.     {% if twtHeaderType != 10 %}
  252.         {# ThemeWare: Add sticky data attribute #}
  253.         {% if twtStickyNavMainShow > 1 %}
  254.             {# ThemeWare: Set data only if sticky navigation is activated #}
  255.             <div class="nav-main">
  256.                 {% block base_navigation_inner %}
  257.                     <div class="container">
  259.                         {# ThemeWare: Add sticky logo for sticky-navigation #}
  260.                         {% if twtStickyNavMainLogoShow == 2 and twtStickyNavMainLogoImage %}
  261.                             {% block layout_sticky_logo %}
  262.                                 <div id="sticky-logo" class="d-none">
  263.                                     <a class="sticky-logo-main-link" href="{{ path('frontend.home.page') }}" title="{{ "header.logoLink"|trans|striptags }}">
  264.                                         <picture>
  266.                                             {# Default logo #}
  267.                                             {% if twtHeaderLogoType != 2 %}
  268.                                                 <img src="{{ twtStickyNavMainLogoImage |sw_encode_url }}" alt="{{ "header.logoLink"|trans|striptags }}" />
  269.                                             {% endif %}
  271.                                             {# ThemeWare: "Text-Logo" ergänzen. #}
  272.                                             {% block twt_layout_header_textlogo %}
  273.                                                 {% if twtHeaderLogoType == 2 %}
  274.                                                     {% sw_include '@Storefront/storefront/themeware/includes/twt-textlogo-include.html.twig' ignore missing with {
  275.                                                         sticky: true
  276.                                                     } %}
  277.                                                 {% endif %}
  278.                                             {% endblock %}
  280.                                         </picture>
  281.                                     </a>
  282.                                 </div>
  283.                             {% endblock %}
  284.                         {% endif %}
  286.                         {# ThemeWare: Add nav-main-toggle for sticky-navigation #}
  287.                         {% if twtStickyNavMainToggle == 2 or twtStickyNavMainShow == 3 %}
  288.                             {% block layout_sticky_navigation_toggle %}
  289.                                 <div id="sticky-nav-main-toggle" class="d-none">
  290.                                     <div class="menu-button">
  291.                                         <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 }}">
  292.                                             {% if twtIconSet is not same as ('default') %}
  293.                                                 {% sw_icon 'stack' style {'pack':'themeware'} %}
  294.                                             {% else %}
  295.                                                 {% sw_icon 'stack' %}
  296.                                             {% endif %}
  297.                                             {# ThemeWare: Add label 'Navigation' to toggle-icon #}
  298.                                             <span class="header-nav-main-toggle-label">
  299.                                                 {{ "twt.header.offcanvasMenuText"|trans }}
  300.                                             </span>
  301.                                         </button>
  302.                                     </div>
  303.                                 </div>
  304.                             {% endblock %}
  305.                         {% endif %}
  307.                         {# ThemeWare: Add cart-button for sticky-navigation #}
  308.                         {% if twtStickyNavMainCartShow == 2 %}
  309.                             <span id="js-sticky-cart-position" class="d-none"></span>
  310.                         {% endif %}
  312.                         {# ThemeWare: Add search-button for sticky-navigation #}
  313.                         {% if twtStickyNavMainSearchShow == 2 %}
  314.                             <span id="js-sticky-search-position" class="d-none"></span>
  315.                         {% endif %}
  316.                     </div>
  318.                     {# Default block #}
  319.                     {{ parent() }}
  320.                 {% endblock %}
  321.             </div>
  322.         {% else %}
  324.             {# Default block #}
  325.             {{ parent() }}
  326.         {% endif %}
  328.     {% endif %}
  330.     {# ThemeWare: Add elements after the main navigation #}
  332.     {# ThemeWare: New position for the search container with "Flyout search" (twt-header-search-type 2) or "Fullscreen search" (twt-header-search-type 4)
  333.         - "Flyout search" must be used in "Header 2.1" (twt-header-type 4)
  334.     #}
  335.     {% if twtHeaderSearchType == 2 or twtHeaderSearchType == 4 %}
  336.         {% block twt_layout_header_search_on_header %}
  337.             <div class="search-container">
  338.                 {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  339.             </div>
  340.         {% endblock %}
  341.     {% endif %}
  343.     {# ThemeWare: "USP-Bar" unter dem Header hinzufügen. #}
  344.     {% if twtUspBarHeader > 1 and twtUspBarHeaderPosition == 3 %}
  345.         {% sw_include '@Storefront/storefront/themeware/extensions/twt-usp-bar.html.twig' ignore missing with {
  346.             type: 'header',
  347.             alignment: 'top'
  348.         } %}
  349.     {% endif %}
  350. {% endblock %}
  353. {# ThemeWare: Adjustments on script block #}
  354. {# TODO: Check with v6.5.0 #}
  355. {% block base_body_script %}
  356.     {# ThemeWare: Add data atrributes (for ThemeWare exclusive elements) #}
  357.     <div id="twt-data-attributes" class="invisible d-none"
  358.          {% if twtShoppingExperiencesHeader %} {# "Erlebniswelt-Header" aktiv #}
  359.              data-twt-shopping-experiences-header="true"
  360.          {% endif %}
  361.          {% if twtStickyNavMainShow > 1 and twtHeaderType < 10 %} {# Top-Navigation ist sticky (nicht im Custom-Header) #}
  362.              data-twt-sticky-breakpoint="{{ twtStickyNavMainBreakpoint }}"
  363.              data-twt-sticky-cart="{{ twtStickyNavMainCartShow }}"
  364.              data-twt-sticky-container-width="{{ twtContainerMaxWidth }}"
  365.              data-twt-sticky-scroll-top="{{ twtStickyNavMainScrollTop }}"
  366.              data-twt-sticky-search="{{ twtStickyNavMainSearchShow }}"
  367.              data-twt-sticky-type="{{ twtStickyNavMainType }}"
  368.          {% endif %}
  369.          {% if twtStickyNavMainShow > 1 and twtHeaderType < 10 %} {# Mobile Header ist sticky (nicht im Custom-Header) #}
  370.              data-twt-mobile-sticky-header="{{ twtHeaderPhoneFixed }}"
  371.          {% endif %}
  372.         {% if twtCookiePermissionPosition > 1 %} {# Cookie permission position #}
  373.             data-twt-cookie-permission-position="true"
  374.         {% endif %}
  375.          data-twt-search-type="{{ twtHeaderSearchType }}"
  376.          data-twt-top-navigation-type="{{ twtNavMainShow }}"
  377.     ></div>
  379.     {# ThemeWare: Debug mode #}
  380.     {% if config('TcinnThemeWareStrong.config.debugMode') is not empty and config('TcinnThemeWareStrong.config.debugMode') == 'true' %}
  381.         <!-- BEGIN: Debug information -->
  382.         <!-- Theme: Strong -->
  383.         <!-- Edition: Pro -->
  384.         <!-- Version: 1.1.11 -->
  385.         <!-- CMS page type: {% if page.cmsPage.type != NULL %}{{ page.cmsPage.type }}{% else %}none{% endif %} -->
  386.         <!-- Expert mode: {% if twtExpertMode == 1 %}false{% else %}true{% endif %} -->
  387.         <!-- Individual CSS code: {% if twtCustomCssCode is empty %}false{% else %}true{% endif %} -->
  388.         <!-- Individual HTML code: {% if twtCustomHtmlCode is empty %}false{% else %}true{% endif %} -->
  389.         <!-- Individual JavaScript code: {% if twtCustomJsCode is empty %}false{% else %}true{% endif %} -->
  390.         <!-- Load CSS file: {% if twtAdditionalCssFileLoad == 1 %}false{% else %}true{% endif %} -->
  391.         <!-- Load JavaScript file: {% if twtAdditionalJsFileLoad == 1 %}false{% else %}true{% endif %} -->
  392.         <!-- END: Debug information -->
  393.     {% endif %}
  395.     {# ThemeWare: Add copyright informations #}
  396.     {% if twtIconSet == 'fa-free' or twtIconSet == 'fa-free-alt' %}
  397.         <!--! Font Awesome Free 5 by @fontawesome - https://fontawesome.com | License - https://fontawesome.com/license/free -->
  398.     {% endif %}
  399.     {% if twtIconSet == 'fa6-free' or twtIconSet == 'fa6-free-alt' %}
  400.         <!--! Font Awesome Free 6 by @fontawesome - https://fontawesome.com | License - https://fontawesome.com/license/free Copyright 2022 Fonticons, Inc. -->
  401.     {% endif %}
  403.     {# Default block #}
  404.     {{ parent() }}
  406.     {# ThemeWare: JavaScript ergänzen. #}
  407.     {% if twtCustomJsCode and twtExpertMode == 2 %}
  408.         <!-- Custom js code -->
  409.         {{ theme_config('twt-custom-js-code') | raw }}
  410.     {% endif %}
  412.     {# ThemeWare: JS-Datei ergänzen. #}
  413.     {% if twtAdditionalJsFile and twtAdditionalJsFileLoad == 2 and twtExpertMode == 2 %}
  414.         <!-- Custom js file -->
  415.         <script type="text/javascript" src="{{ twtAdditionalJsFile }}" crossorigin="anonymous"{% if twtAdditionalJsFileAsync == 2 %} async{% endif %}></script>
  416.     {% endif %}
  417. {% endblock %}