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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  3. {# ... custom fields #}
  4. {% set zenCustomFields = {
  5.     category: page.header.navigation.active.translated.customFields,
  6.     product: page.product.translated.customFields
  7. } %}
  9. {# ... theme script options #}
  10. {% set zenthemeScriptOptions = {
  11.     hasTooltips: theme_config('zen-shop-navigation-tooltips'),
  12.     tooltipPlacement: theme_config('zen-shop-navigation-tooltips-placement')
  13. } %}
  15. {# ... body classes #}
  16. {% set bodyClasses = [] %}
  17. {% set bodyClasses = ['is-lo-' ~ theme_config('zen-layout-style')]|merge(bodyClasses) %}
  18. {% set bodyClasses = ['is-tb-' ~ theme_config('zen-top-bar-style')]|merge(bodyClasses) %}
  19. {% set bodyClasses = ['is-srch-' ~ theme_config('zen-search-style')]|merge(bodyClasses) %}
  20. {% set bodyClasses = ['is-mn-' ~ theme_config('zen-main-navigation-style')]|merge(bodyClasses) %}
  22. {% if theme_config('zen-flyout-navigation-full-width') %}
  23.     {% set bodyClasses = ['is-flyout-fullscreen']|merge(bodyClasses) %}
  24. {% endif %}
  26. {% if theme_config('zen-layout-forms-floating-labels') %}
  27.     {% set bodyClasses = ['has-lbl-floating']|merge(bodyClasses) %}
  28. {% endif %}
  30. {% if config('zenitPlatformStratus.config.marketingActive') %}
  31.     {% set bodyClasses = ['has-marketing-slider']|merge(bodyClasses) %}
  32. {% endif %}
  34. {# ... gallery slider mode #}
  35. {% if zenCustomFields.product.zenit_stratus_gallery_mode is empty or zenCustomFields.product.zenit_stratus_gallery_mode is same as ('inherit') %}
  36.     {% set galleryMode = theme_config("zen-product-gallery-mode") %}
  37. {% else %}
  38.     {% set galleryMode = zenCustomFields.product.zenit_stratus_gallery_mode %}
  39. {% endif %}
  41. {#{% block base_html %}#}
  42. {#    {% dump %}#}
  44. {#    {{ parent() }}#}
  45. {#{% endblock %}#}
  47. {% block base_body_classes %}{{ parent() }} {{ bodyClasses|join(' ') }}{% endblock %}
  49. {% block base_body_inner %}
  50.     {% block zen_base_preloader %}
  51.         {% sw_include '@Storefront/storefront/layout/zen-preloader.html.twig' %}
  52.     {% endblock %}
  54.     <div class="page-wrapper"
  55.          data-zen-theme-scripts-options="{{ zenthemeScriptOptions|json_encode }}">
  57.         {{ block('base_noscript') }}
  59.         {% block base_header %}
  60.             {# ... single lined header #}
  61.             {% if theme_config('zen-header-style') is same as ('single-line') %}
  63.                 {# logo left, search default #}
  64.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  65.                     {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  66.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 ml-auto' %}
  67.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  68.                     {% set mainNavigationClasses =              'd-none d-lg-flex col-lg order-lg-2' %}
  69.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 order-md-3' %}
  70.                 {% endif %}
  72.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  73.                     {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  74.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 ml-auto' %}
  75.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  76.                     {% set mainNavigationClasses =              'd-none d-xl-flex col-xl order-lg-2' %}
  77.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 order-md-3' %}
  78.                 {% endif %}
  80.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  81.                     {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  82.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 ml-auto' %}
  83.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  84.                     {% set mainNavigationClasses =              'd-none' %}
  85.                     {% set mainNavigationToggleClasses =        'col-4 order-2 order-md-3 col-sm-auto' %}
  86.                 {% endif %}
  88.                 {# logo left, search not default #}
  89.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  90.                     {% set logoClasses =                        'col-12 col-sm-auto order-1' %}
  91.                     {% set searchClasses =                      'col-12 order-5' %}
  92.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  93.                     {% set mainNavigationClasses =              'd-none d-lg-flex col-lg order-lg-2 ' %}
  94.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 ml-sm-auto' %}
  96.                     {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  97.                         {% set logoClasses =                    'col-12 col-sm-auto col-xl-3 order-1' %}
  98.                         {% set actionClasses =                  'col-auto col-xl-3 order-3 order-md-4 ml-auto ml-sm-0' %}
  99.                     {% endif %}
  100.                 {% endif %}
  102.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  103.                     {% set logoClasses =                        'col-12 col-sm-auto order-1' %}
  104.                     {% set searchClasses =                      'col-12 order-5' %}
  105.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  106.                     {% set mainNavigationClasses =              'd-none d-xl-flex col-xl order-lg-2' %}
  107.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 ml-sm-auto' %}
  109.                     {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  110.                         {% set logoClasses =                    'col-12 col-sm-auto col-xl-3 order-1' %}
  111.                         {% set actionClasses =                  'col-auto col-xl-3 order-3 order-md-4 ml-auto ml-sm-0' %}
  112.                     {% endif %}
  113.                 {% endif %}
  115.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  116.                     {% set logoClasses =                        'col-12 col-sm-auto order-1' %}
  117.                     {% set searchClasses =                      'col-12 order-5' %}
  118.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  119.                     {% set mainNavigationClasses =              'd-none' %}
  120.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 ml-sm-auto' %}
  122.                     {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  123.                         {% set logoClasses =                    'col-12 col-sm-auto col-xl-3 order-1' %}
  124.                     {% endif %}
  125.                 {% endif %}
  127.                 {# logo center, search default #}
  128.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  129.                     {% set logoClasses =                        'col-12 pos-xl-center col-xl-2 order-1' %}
  130.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-md-3 order-lg-2 ml-auto' %}
  131.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  132.                     {% set mainNavigationClasses =              'd-none d-lg-flex col-lg col-xl-5 order-lg-2' %}
  133.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2' %}
  134.                 {% endif %}
  136.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  137.                     {% set logoClasses =                        'col-12 pos-lg-center col-lg-2 order-1' %}
  138.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-md-3 order-lg-2 ml-auto' %}
  139.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  140.                     {% set mainNavigationClasses =              'd-none d-xl-flex col-xl-5 order-lg-2' %}
  141.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2' %}
  142.                 {% endif %}
  144.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  145.                     {% set logoClasses =                        'col-12 col-lg-auto pos-lg-center order-1 order-lg-3' %} {# TODO: pos-lg-center better solution? #}
  146.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-md-3 order-lg-2 ml-auto' %}
  147.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  148.                     {% set mainNavigationClasses =              'd-none' %}
  149.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 order-lg-1' %}
  150.                 {% endif %}
  152.                 {# logo center, search not default #}
  153.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  154.                     {% set logoClasses =                        'col-12 col-md-4 col-lg-12 col-xl-2 order-1 order-md-2 order-lg-1 order-xl-2' %}
  155.                     {% set searchClasses =                      'col-12 order-5' %}
  156.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  157.                     {% set mainNavigationClasses =              'd-none d-lg-flex col-lg col-xl-5 order-lg-2 order-xl-1' %}
  158.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 d-lg-none order-1' %}
  159.                 {% endif %}
  161.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  162.                     {% set logoClasses =                        'col-12 col-md-4 col-xl-2 order-1 order-md-2' %}
  163.                     {% set searchClasses =                      'col-12 order-5' %}
  164.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  165.                     {% set mainNavigationClasses =              'd-none d-xl-flex col-xl-5 order-xl-1' %}
  166.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 d-xl-none order-1' %}
  167.                 {% endif %}
  169.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  170.                     {% set logoClasses =                        'col-12 col-md-4 col-xl-2 order-1 order-md-2 order-xl-2' %}
  171.                     {% set searchClasses =                      'col-12 order-5' %}
  172.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  173.                     {% set mainNavigationClasses =              'd-none' %}
  174.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 col-xl-5 order-1' %}
  175.                 {% endif %}
  177.                 {# logo right, search default #}
  178.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  179.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  180.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  181.                     {% set actionClasses =                      'col-auto order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  182.                     {% set mainNavigationClasses =              'd-none d-lg-flex col-lg order-lg-3 justify-content-end' %}
  183.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2' %}
  184.                 {% endif %}
  186.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  187.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  188.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  189.                     {% set actionClasses =                      'col-auto order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  190.                     {% set mainNavigationClasses =              'd-none d-xl-flex col-lg order-lg-3 justify-content-end' %}
  191.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2' %}
  192.                 {% endif %}
  194.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  195.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  196.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  197.                     {% set actionClasses =                      'col-auto order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  198.                     {% set mainNavigationClasses =              'd-none' %}
  199.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2' %}
  200.                 {% endif %}
  202.                 {# logo right, search not default #}
  203.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  204.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4' %}
  205.                     {% set searchClasses =                      'col-12 order-5' %}
  206.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  207.                     {% set mainNavigationClasses =              'd-none d-lg-flex col-lg order-lg-2 justify-content-end' %}
  208.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 mr-sm-auto' %}
  210.                     {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  211.                         {% set actionClasses =                  'col-auto col-xl-3 order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  212.                     {% endif %}
  213.                 {% endif %}
  215.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  216.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4' %}
  217.                     {% set searchClasses =                      'col-12 order-5' %}
  218.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  219.                     {% set mainNavigationClasses =              'd-none d-xl-flex col-lg order-lg-2 justify-content-end' %}
  220.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 mr-sm-auto' %}
  222.                     {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  223.                         {% set actionClasses =                      'col-auto col-xl-3 order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  224.                     {% endif %}
  225.                 {% endif %}
  227.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  228.                     {% set logoClasses =                        'col-12 col-sm-auto order-1 order-sm-4' %}
  229.                     {% set searchClasses =                      'col-12 order-5' %}
  230.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  231.                     {% set mainNavigationClasses =              'd-none' %}
  232.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 mr-sm-auto' %}
  233.                 {% endif %}
  235.             {% endif %}
  237.             {# ... multi lined header #}
  238.             {% if theme_config('zen-header-style') is same as ('multi-line') %}
  240.                 {# logo left, search default #}
  241.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  242.                     {% set logoClasses =                        'col-12 col-md-auto col-lg-3 order-1' %}
  243.                     {% set searchClasses =                      'col-12 col-sm-auto col-lg-6 order-4 order-sm-2 ml-auto mr-1 ml-lg-0 mr-lg-0' %}
  244.                     {% set actionClasses =                      'col-auto order-3 ml-auto ml-sm-0 ml-lg-auto' %}
  245.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 order-md-3' %}
  246.                 {% endif %}
  248.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  249.                     {% set logoClasses =                        'col-12 col-md-auto col-xl-3 order-1' %}
  250.                     {% set searchClasses =                      'col-12 col-sm-auto col-xl-6 order-4 order-sm-2 ml-auto mr-1 ml-xl-0 mr-xl-0' %}
  251.                     {% set actionClasses =                      'col-auto order-3 ml-auto ml-sm-0 ml-xl-auto' %}
  252.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 order-md-3' %}
  253.                 {% endif %}
  255.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  256.                     {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  257.                     {% set searchClasses =                      'col-12 col-sm order-4 order-sm-2 ml-auto ml-sm-3' %}
  258.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0 ml-xl-auto' %}
  259.                     {% set mainNavigationToggleClasses =        'col-4 order-2 order-md-3 col-sm-auto' %}
  260.                 {% endif %}
  262.                 {# logo left, search not default #}
  263.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  264.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1' %}
  265.                     {% set searchClasses =                      'col-12 order-5' %}
  266.                     {% set actionClasses =                      'col-auto col-xl-3 order-3 order-md-4 ml-auto ml-sm-0 ml-lg-auto' %}
  267.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 ml-sm-auto' %}
  268.                 {% endif %}
  270.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  271.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1' %}
  272.                     {% set searchClasses =                      'col-12 order-5' %}
  273.                     {% set actionClasses =                      'col-auto col-xl-3 order-3 order-md-4 ml-auto ml-sm-0 ml-xl-auto' %}
  274.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 ml-sm-auto' %}
  275.                 {% endif %}
  277.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  278.                     {% set logoClasses =                        'col-12 col-sm-auto order-1' %}
  279.                     {% set searchClasses =                      'col-12 order-5' %}
  280.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  281.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 ml-sm-auto' %}
  282.                 {% endif %}
  284.                 {# logo center, search default #}
  285.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  286.                     {% set logoClasses =                        'col-12 col-lg-4 pos-lg-center order-1 order-lg-2' %}
  287.                     {% set searchClasses =                      'col-12 col-sm-auto col-lg-2 order-4 order-sm-2 order-md-3 order-lg-1 ml-auto ml-lg-0' %}
  288.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0 ml-lg-auto' %}
  289.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2' %}
  290.                 {% endif %}
  292.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  293.                     {% set logoClasses =                        'col-12 col-xl-4 pos-xl-center order-1 order-lg-2' %}
  294.                     {% set searchClasses =                      'col-12 col-sm-auto col-lg-2 order-4 order-sm-2 order-md-3 order-xl-1 ml-auto ml-xl-0' %}
  295.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0 ml-xl-auto' %}
  296.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2' %}
  297.                 {% endif %}
  299.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  300.                     {% set logoClasses =                        'col-12 col-lg-auto pos-lg-center order-1 order-lg-3' %} {# TODO: pos-lg-center better solution? #}
  301.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-3 order-lg-2 ml-auto ml-lg-0 mr-lg-auto' %}
  302.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  303.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 order-lg-3' %}
  304.                 {% endif %}
  306.                 {# logo center, search not default #}
  307.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  308.                     {% set logoClasses =                        'col-12 col-md-4 col-lg-4 pos-lg-center order-1 order-md-2 order-lg-1' %}
  309.                     {% set searchClasses =                      'col-12 order-5' %}
  310.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  311.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 d-lg-none order-1' %}
  312.                 {% endif %}
  314.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  315.                     {% set logoClasses =                        'col-12 col-md-4 pos-xl-center order-1 order-md-2' %}
  316.                     {% set searchClasses =                      'col-12 order-5' %}
  317.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  318.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 d-xl-none order-1' %}
  319.                 {% endif %}
  321.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  322.                     {% set logoClasses =                        'col-12 col-md-4 order-1 order-md-2 order-xl-2' %}
  323.                     {% set searchClasses =                      'col-12 order-5' %}
  324.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  325.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 col-xl-4 order-1' %}
  326.                 {% endif %}
  328.                 {# logo right, search default #}
  329.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  330.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  331.                     {% set searchClasses =                      'col-12 col-sm-auto col-lg-6 order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  332.                     {% set actionClasses =                      'col-auto col-lg-3 order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  333.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2' %}
  334.                 {% endif %}
  336.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  337.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  338.                     {% set searchClasses =                      'col-12 col-sm-auto col-xl-6 order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  339.                     {% set actionClasses =                      'col-auto col-xl-3 order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  340.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2' %}
  341.                 {% endif %}
  343.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  344.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  345.                     {% set searchClasses =                      'col-12 col-sm order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-3' %}
  346.                     {% set actionClasses =                      'col-auto order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  347.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2' %}
  348.                 {% endif %}
  350.                 {# logo right, search not default #}
  351.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  352.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4' %}
  353.                     {% set searchClasses =                      'col-12 order-5' %}
  354.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 mr-lg-auto reverse-sm' %}
  355.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 mr-sm-auto' %}
  356.                 {% endif %}
  358.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  359.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4' %}
  360.                     {% set searchClasses =                      'col-12 order-5' %}
  361.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 mr-xl-auto reverse-sm' %}
  362.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 mr-sm-auto' %}
  363.                 {% endif %}
  365.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  366.                     {% set logoClasses =                        'col-12 col-sm-auto order-1 order-sm-4' %}
  367.                     {% set searchClasses =                      'col-12 order-5' %}
  368.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  369.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 mr-sm-auto' %}
  370.                 {% endif %}
  372.             {% endif %}
  374.             {# ... Two lined header #}
  375.             {% if theme_config('zen-header-style') is same as ('two-line') %}
  377.                 {# logo left, search default #}
  378.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  379.                     {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  380.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 ml-auto' %}
  381.                     {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-3' %}
  382.                     {% set actionClasses =                      'col-auto order-3 ml-auto ml-sm-0' %}
  383.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 order-md-3' %}
  384.                 {% endif %}
  386.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  387.                     {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  388.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 ml-auto' %}
  389.                     {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-3' %}
  390.                     {% set actionClasses =                      'col-auto order-3 ml-auto ml-sm-0' %}
  391.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 order-md-3' %}
  392.                 {% endif %}
  394.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  395.                     {% set logoClasses =                        'col-12 col-md-3 order-1' %}
  396.                     {% set searchClasses =                      'col-12 col-sm order-4 order-sm-2 col-md-6 ml-auto ml-sm-0' %}
  397.                     {% set topBarClasses =                      'd-none' %}
  398.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  399.                     {% set mainNavigationToggleClasses =        'col-4 order-2 order-md-3 col-sm-auto ml-md-auto' %}
  400.                 {% endif %}
  402.                 {# logo left, search not default #}
  403.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  404.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1' %}
  405.                     {% set searchClasses =                      'col-12 order-5' %}
  406.                     {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-3 ml-auto' %}
  407.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  408.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 ml-sm-auto' %}
  409.                 {% endif %}
  411.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  412.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1' %}
  413.                     {% set searchClasses =                      'col-12 order-5' %}
  414.                     {% set topBarClasses =                      'd-none d-xl-flex col-auto order-lg-3 ml-auto' %}
  415.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  416.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 ml-sm-auto' %}
  417.                 {% endif %}
  419.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  420.                     {% set logoClasses =                        'col-12 col-sm-auto order-1' %}
  421.                     {% set searchClasses =                      'col-12 order-5' %}
  422.                     {% set topBarClasses =                      'd-none' %}
  423.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  424.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 ml-sm-auto' %}
  425.                 {% endif %}
  427.                 {# logo center, search default #}
  428.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  429.                     {% set logoClasses =                        'col-12 col-lg-4 pos-lg-center order-1 order-lg-2' %}
  430.                     {% set searchClasses =                      'col-12 col-sm-auto col-lg-3 order-4 order-sm-2 order-md-3 order-lg-1 ml-auto ml-lg-0' %}
  431.                     {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-3 ml-auto' %}
  432.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  433.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2' %}
  434.                 {% endif %}
  436.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  437.                     {% set logoClasses =                        'col-12 col-xl-4 pos-xl-center order-1 order-lg-2' %}
  438.                     {% set searchClasses =                      'col-12 col-sm-auto col-lg-3 order-4 order-sm-2 order-md-3 order-xl-1 ml-auto ml-xl-0' %}
  439.                     {% set topBarClasses =                      'd-none d-xl-flex col-auto order-xl-3 ml-auto' %}
  440.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  441.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2' %}
  442.                 {% endif %}
  444.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  445.                     {% set logoClasses =                        'col-12 col-lg-auto pos-lg-center order-1 order-lg-2' %} {# TODO: pos-lg-center better solution? #}
  446.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-3 order-lg-2 ml-auto ml-lg-0 mr-lg-auto' %}
  447.                     {% set topBarClasses =                      'd-none' %}
  448.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  449.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 order-lg-3' %}
  450.                 {% endif %}
  452.                 {# logo center, search not default #}
  453.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  454.                     {% set logoClasses =                        'col-12 col-md-4 col-lg-4 pos-lg-center order-1 order-md-2 order-lg-2' %}
  455.                     {% set searchClasses =                      'col-12 order-5' %}
  456.                     {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-1' %}
  457.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  458.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 d-lg-none order-1' %}
  459.                 {% endif %}
  461.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  462.                     {% set logoClasses =                        'col-12 col-md-4 pos-xl-center order-1 order-md-2' %}
  463.                     {% set searchClasses =                      'col-12 order-5' %}
  464.                     {% set topBarClasses =                      'd-none d-xl-flex col-auto order-xl-1' %}
  465.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  466.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 d-xl-none order-1' %}
  467.                 {% endif %}
  469.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  470.                     {% set logoClasses =                        'col-12 col-md-4 order-1 order-md-2 order-xl-2' %}
  471.                     {% set searchClasses =                      'col-12 order-5' %}
  472.                     {% set topBarClasses =                      'd-none' %}
  473.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  474.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 col-xl-4 order-1' %}
  475.                 {% endif %}
  477.                 {# logo right, search default #}
  478.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  479.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  480.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  481.                     {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-2' %}
  482.                     {% set actionClasses =                      'col-auto order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  483.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2' %}
  484.                 {% endif %}
  486.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  487.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  488.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  489.                     {% set topBarClasses =                      'd-none d-xl-flex col-auto order-xl-2' %}
  490.                     {% set actionClasses =                      'col-auto order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  491.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2' %}
  492.                 {% endif %}
  494.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  495.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  496.                     {% set searchClasses =                      'col-12 col-sm order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  497.                     {% set topBarClasses =                      'd-none' %}
  498.                     {% set actionClasses =                      'col-auto order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  499.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2' %}
  500.                 {% endif %}
  502.                 {# logo right, search not default #}
  503.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  504.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4' %}
  505.                     {% set searchClasses =                      'col-12 order-5' %}
  506.                     {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-2 mr-lg-auto' %}
  507.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  508.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 mr-sm-auto mr-lg-0' %}
  509.                 {% endif %}
  511.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  512.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4' %}
  513.                     {% set searchClasses =                      'col-12 order-5' %}
  514.                     {% set topBarClasses =                      'd-none d-xl-flex col-auto order-xl-2 mr-xl-auto' %}
  515.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  516.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 mr-sm-auto mr-xl-0' %}
  517.                 {% endif %}
  519.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  520.                     {% set logoClasses =                        'col-12 col-sm-auto order-1 order-sm-4' %}
  521.                     {% set searchClasses =                      'col-12 order-5' %}
  522.                     {% set topBarClasses =                      'd-none' %}
  523.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  524.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 mr-sm-auto' %}
  525.                 {% endif %}
  527.             {% endif %}
  529.             {# sticky header js options #}
  530.             {% set stickyHeaderOptions = {
  531.                 viewports: theme_config('zen-sticky-header'),
  532.                 scrollOffset: theme_config('zen-sticky-header-offset'),
  533.                 autoHide: theme_config('zen-sticky-header-hide')
  534.             } %}
  535.             {% set stickyHeader = theme_config('zen-sticky-header') ? 'true' : 'false' %}
  536.             {% set headerOpacity = zenCustomFields.category.zenit_stratus_category_header_bg_opacity|replace({'%': ''}) %}
  537.             {% set navigationOpacity = zenCustomFields.category.zenit_stratus_category_nav_main_opacity|replace({'%': ''}) %}
  539.             {# header classes array #}
  540.             {% set headerClasses = ['header-' ~ theme_config('zen-header-style'), 'header-logo-' ~ theme_config('zen-logo-position')]%}
  542.             {% if controllerName|lower is same as ('navigation') and zenCustomFields.category.zenit_stratus_category_header_position is empty or zenCustomFields.category.zenit_stratus_category_header_position is same as ('inherit') %}
  543.                 {% set headerClasses = ['header-pos-' ~ theme_config('zen-category-header-position')]|merge(headerClasses) %}
  544.             {% elseif controllerName|lower is same as ('navigation') %}
  545.                 {% set headerClasses = ['header-pos-' ~ zenCustomFields.category.zenit_stratus_category_header_position]|merge(headerClasses) %}
  546.             {% endif %}
  548.             {# ... checks if header got any opacity settings #}
  549.             {% if controllerName|lower is same as ('navigation') %}
  550.                 {% if ( headerOpacity is not null and headerOpacity is not same as ('inherit') and headerOpacity is not same as ('100') )
  551.                     or ( navigationOpacity is not null and navigationOpacity is not same as ('inherit') and navigationOpacity is not same as ('100') ) %}
  552.                     {% set headerClasses = ['has-bg-opacity']|merge(headerClasses) %}
  553.                 {% elseif theme_config('zen-category-header-bg-opacity') is not same as ('100')
  554.                     or theme_config('zen-category-nav-main-opacity') is not same as ('100') %}
  555.                     {% set headerClasses = ['has-bg-opacity']|merge(headerClasses) %}
  556.                 {% endif %}
  557.             {% endif %}
  559.             {# nav header classes array #}
  560.             {% set navHeaderClasses = [] %}
  562.             {% if controllerName|lower is same as ('navigation') and headerOpacity is empty %}
  563.                 {% set navHeaderClasses = ['bg-opacity-' ~ theme_config('zen-category-header-bg-opacity')]|merge(navHeaderClasses)  %}
  564.             {% elseif controllerName|lower is same as ('navigation') %}
  565.                 {% set navHeaderClasses = ['bg-opacity-' ~ headerOpacity]|merge(navHeaderClasses) %}
  566.             {% endif %}
  568.             {# nav main classes array #}
  569.             {% set navMainClasses = []%}
  571.             {% if controllerName|lower is same as ('navigation') and navigationOpacity is empty %}
  572.                 {% set navMainClasses = ['bg-opacity-' ~ theme_config('zen-category-nav-main-opacity')]|merge(navMainClasses) %}
  573.             {% elseif controllerName|lower is same as ('navigation') %}
  574.                 {% set navMainClasses = ['bg-opacity-' ~ navigationOpacity]|merge(navMainClasses) %}
  575.             {% endif %}
  577.             <header class="header-main {{ headerClasses|join(' ') }}"
  578.                     data-sticky="{{ stickyHeader }}"
  579.                     data-zen-sticky-header-options="{{ stickyHeaderOptions|json_encode }}">
  580.                 <div class="header-inner">
  581.                     {% block base_header_inner %}
  582.                         {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
  583.                     {% endblock %}
  585.                     {# ... multi-line header navigation #}
  586.                     {% if theme_config('zen-header-style') is not same as ('single-line') %}
  587.                         {% block base_navigation %}
  588.                             <div class="nav-main {{ navMainClasses|join(' ') }}">
  589.                                 {% block base_navigation_inner %}
  590.                                     {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  591.                                 {% endblock %}
  592.                             </div>
  593.                         {% endblock %}
  594.                     {% endif %}
  595.                 </div>
  596.             </header>
  597.         {% endblock %}
  599.         {{ block('base_offcanvas_navigation') }}
  601.         {{ block('base_main') }}
  603.         {{ block('base_footer') }}
  604.     </div>
  605. {% endblock %}
  607. {% block base_breadcrumb %}
  608.     {# ... checks if custom zenit-breadcrumb is in use #}
  609.     {% set defaultBreadcrumbs = true %}
  610.     {% for section in page.cmsPage.sections %}
  611.         {% for block in section.blocks %}
  612.             {% if block.type is same as ('zenit-breadcrumb') %}
  613.                 {% set defaultBreadcrumbs = false %}
  614.             {% endif %}
  615.         {% endfor %}
  616.     {% endfor %}
  618.     {% if defaultBreadcrumbs %}
  619.         <div class="breadcrumb-wrap base-breadcrumb justify-content-{{ theme_config('zen-breadcrumbs-align')|replace({'flex-': ''}) }}">
  620.             {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
  621.                 context: context,
  622.                 category: page.product.seoCategory
  623.             } only %}
  624.         </div>
  625.     {% endif %}
  626. {% endblock %}
  628. {% block base_script_hmr_mode %}
  629.     {{ parent() }}
  631.     {% block zen_base_theme_js_files %}
  632.         {% if config('zenitPlatformStratus.config.customJsFilesActive') %}
  633.             {{ config('zenitPlatformStratus.config.customJsFiles')|raw }}
  634.         {% endif %}
  635.     {% endblock %}
  637.     {% block zen_base_theme_js_custom %}
  638.         {% if config('zenitPlatformStratus.config.customJsActive') %}
  639.             {{ config('zenitPlatformStratus.config.customJs')|raw }}
  640.         {% endif %}
  641.     {% endblock %}
  643.     {% block zen_base_webfont %}
  644.         {# Fonts implementation checks if has custom fonts to load #}
  645.         {% set hasCustomBaseFont = theme_config('zen-font-family-base-default') is null or theme_config('zen-font-family-base-default') is same as ('custom') %}
  646.         {% set hasCustomHeadlineFont = theme_config('zen-font-family-headline-default') is null or theme_config('zen-font-family-headline-default') is same as ('custom') %}
  648.         {% if theme_config('sw-font-family-base') and hasCustomBaseFont %}
  649.             {% set fontFamilyBase = theme_config('sw-font-family-base')|replace({' ':'+'})|split('\'')[1] ~ ':' ~ theme_config('zen-font-family-base-weight')|join(',') %}
  650.         {% endif %}
  652.         {% if theme_config('sw-font-family-headline') and hasCustomHeadlineFont %}
  653.             {% set fontFamilyHeadline = theme_config('sw-font-family-headline')|replace({' ':'+'})|split('\'')[1] ~ ':' ~ theme_config('zen-font-family-headline-weight')|join(',') %}
  654.         {% endif %}
  656.         {# Avoid double implementation when base and headline fonts are the same #}
  657.         {% if theme_config('sw-font-family-base') is same as (theme_config('sw-font-family-headline')) %}
  658.             {% if hasCustomBaseFont %}
  659.                 {% set fontFamilyHeadline = '' %}
  660.             {% elseif hasCustomHeadlineFont %}
  661.                 {% set fontFamilyBase = '' %}
  662.             {% endif %}
  664.             {% for weight in theme_config('zen-font-family-headline-weight') %}
  665.                 {% if weight not in theme_config('zen-font-family-base-weight') %}
  666.                     {% set fontFamilyBase = fontFamilyBase ~ ',' ~ weight %}
  667.                 {% endif %}
  668.             {% endfor %}
  669.         {% endif %}
  671.         {# Google Webfont Loader #}
  672.         {% block zen_base_webfont_loader %}
  673.             {% if context.context.extensions['zenitPlatformStratus'].system is not defined %}
  674.                 {% set loader = asset('bundles/zenitplatformstratus/assets/font/webfont.js') %}
  675.             {% else %}
  676.                 {% set loader = asset('bundles/zenitplatformstratus/storefront/assets/font/webfont.js') %}
  677.             {% endif %}
  679.             {% if theme_config('zen-font-family-import') and (hasCustomBaseFont or hasCustomHeadlineFont) %}
  680.                 <script data-plugin="zenitStratus">
  681.                     var zenthemeFonts = [],
  682.                         zenthemeFontFamilyBase = '{{ fontFamilyBase }}',
  683.                         zenthemeFontFamilyHeadline = '{{ fontFamilyHeadline }}';
  684.                     fontDisplay = '&display=swap';
  686.                     zenthemeFontFamilyBase ? zenthemeFonts.push( zenthemeFontFamilyBase.replace('&amp;','&') ) : '';
  687.                     zenthemeFontFamilyHeadline ? zenthemeFonts.push( zenthemeFontFamilyHeadline.replace('&amp;','&') ) : '';
  688.                     zenthemeFonts.push( fontDisplay.replace('&amp;','&') );
  690.                     WebFontConfig = {
  691.                         google: {
  692.                             families: zenthemeFonts,
  693.                             timeout: 2000,
  694.                         },
  695.                         active: function () {
  696.                             let event = new Event('webfontsloaded');
  697.                             document.dispatchEvent(event);
  698.                         },
  699.                     };
  701.                     (function(d) {
  702.                         const wf = d.createElement('script'), s = d.scripts[0];
  703.                         wf.src = '{{ loader }}';
  704.                         wf.async = true;
  705.                         s.parentNode.insertBefore(wf, s);
  706.                     })(document);
  707.                 </script>
  708.             {% endif %}
  709.         {% endblock %}
  710.     {% endblock %}
  712.     {# Cookie Banner #}
  713.     {% block zen_base_cookie_banner_config %}
  714.         <script data-plugin="zenitStratus">
  715.             window.zenCookieBannerStyle = '{{ theme_config('zen-cookie-banner-style') }}'
  716.         </script>
  717.     {% endblock %}
  719. {% endblock %}