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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  2. {# ... custom fields #}
  3. {% set zenCustomFields = {
  4.     category: page.header.navigation.active.translated.customFields,
  5.     product: page.product.translated.customFields
  6. } %}
  7. {# ... theme script options #}
  8. {% set zenthemeScriptOptions = {
  9.     hasTooltips: theme_config('zen-shop-navigation-tooltips'),
  10.     tooltipPlacement: theme_config('zen-shop-navigation-tooltips-placement')
  11. } %}
  12. {# ... body classes #}
  13. {% set bodyClasses = [] %}
  14. {% set bodyClasses = ['is-lo-' ~ theme_config('zen-layout-style')]|merge(bodyClasses) %}
  15. {% set bodyClasses = ['is-tb-' ~ theme_config('zen-top-bar-style')]|merge(bodyClasses) %}
  16. {% set bodyClasses = ['is-srch-' ~ theme_config('zen-search-style')]|merge(bodyClasses) %}
  17. {% set bodyClasses = ['is-mn-' ~ theme_config('zen-main-navigation-style')]|merge(bodyClasses) %}
  18. {% if zenCustomFields.category.zenit_horizon_category_classes is not empty %}
  19.     {% set bodyClasses = [zenCustomFields.category.zenit_horizon_category_classes]|merge(bodyClasses) %}
  20. {% endif %}
  21. {% if theme_config('zen-flyout-navigation-full-width') %}
  22.     {% set bodyClasses = ['is-flyout-fullscreen']|merge(bodyClasses) %}
  23. {% endif %}
  24. {% if theme_config('zen-layout-forms-floating-labels') %}
  25.     {% set bodyClasses = ['has-lbl-floating']|merge(bodyClasses) %}
  26. {% endif %}
  27. {% if config('zenitPlatformHorizon.config.marketingActive') %}
  28.     {% set bodyClasses = ['has-marketing-slider']|merge(bodyClasses) %}
  29. {% endif %}
  30. {# ... gallery slider mode #}
  31. {% if zenCustomFields.product.zenit_horizon_gallery_mode is empty or zenCustomFields.product.zenit_horizon_gallery_mode is same as ('inherit') %}
  32.     {% set galleryMode = theme_config("zen-product-gallery-mode") %}
  33. {% else %}
  34.     {% set galleryMode = zenCustomFields.product.zenit_horizon_gallery_mode %}
  35. {% endif %}
  36. {#{% block base_html %}#}
  37. {#    {% dump %}#}
  38. {#    {{ parent() }}#}
  39. {#{% endblock %}#}
  40. {% block base_body_classes %}{{ parent() }} {{ bodyClasses|join(' ') }}{% endblock %}
  41. {% block base_body_inner %}
  42.     {{ block('base_noscript') }}
  43.     {% block zen_base_preloader %}
  44.         {% sw_include '@zenitPlatformHorizon/storefront/layout/zen-preloader.html.twig' %}
  45.     {% endblock %}
  46.     <div class="page-wrapper"
  47.          data-zen-theme-scripts-options="{{ zenthemeScriptOptions|json_encode }}">
  48.         {% block base_header %}
  49.             {# ... single lined header #}
  50.             {% if theme_config('zen-header-style') is same as ('single-line') %}
  51.                 {# logo left #}
  52.                 {% if theme_config('zen-logo-position') is same as ('left') %}
  53.                     {# search default #}
  54.                     {% if theme_config('zen-search-style') is same as ('default')  %}
  55.                         {# offcanvas style #}
  56.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  57.                             {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  58.                             {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 ml-auto' %}
  59.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  60.                             {% set mainNavigationClasses =              'd-none d-lg-flex col-lg order-lg-2' %}
  61.                             {% set mainNavigationToggleClasses =        'col-auto d-lg-none order-2 order-md-3' %}
  62.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  63.                             {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  64.                             {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 ml-auto' %}
  65.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  66.                             {% set mainNavigationClasses =              'd-none d-xl-flex col-xl order-lg-2' %}
  67.                             {% set mainNavigationToggleClasses =        'col-auto d-xl-none order-2 order-md-3' %}
  68.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  69.                             {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  70.                             {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 ml-auto' %}
  71.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  72.                             {% set mainNavigationClasses =              'd-none' %}
  73.                             {% set mainNavigationToggleClasses =        'col-auto order-2 order-md-3' %}
  74.                         {% endif %}
  75.                     {# search not default #}
  76.                     {% elseif theme_config('zen-search-style') is not same as ('default') %}
  77.                         {# offcanvas style #}
  78.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  79.                             {% set logoClasses =                        'col-12 col-sm-auto order-1' %}
  80.                             {% set searchClasses =                      'col-12 order-5' %}
  81.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  82.                             {% set mainNavigationClasses =              'd-none d-lg-flex col-lg order-lg-2 ' %}
  83.                             {% set mainNavigationToggleClasses =        'col-auto d-lg-none order-2 ml-sm-auto' %}
  84.                             {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  85.                                 {% set logoClasses =                    'col-12 col-sm-auto col-xl-3 order-1' %}
  86.                                 {% set actionClasses =                  'col-auto col-xl-3 order-3 order-md-4 ml-auto ml-sm-0' %}
  87.                             {% endif %}
  88.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  89.                             {% set logoClasses =                        'col-12 col-sm-auto order-1' %}
  90.                             {% set searchClasses =                      'col-12 order-5' %}
  91.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  92.                             {% set mainNavigationClasses =              'd-none d-xl-flex col-xl order-lg-2' %}
  93.                             {% set mainNavigationToggleClasses =        'col-auto d-xl-none order-2 ml-sm-auto' %}
  94.                             {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  95.                                 {% set logoClasses =                    'col-12 col-sm-auto col-xl-3 order-1' %}
  96.                                 {% set actionClasses =                  'col-auto col-xl-3 order-3 order-md-4 ml-auto ml-sm-0' %}
  97.                             {% endif %}
  98.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  99.                             {% set logoClasses =                        'col-12 col-sm-auto order-1' %}
  100.                             {% set searchClasses =                      'col-12 order-5' %}
  101.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  102.                             {% set mainNavigationClasses =              'd-none' %}
  103.                             {% set mainNavigationToggleClasses =        'col-auto order-2 ml-sm-auto' %}
  104.                             {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  105.                                 {% set logoClasses =                    'col-12 col-sm-auto col-xl-3 order-1' %}
  106.                             {% endif %}
  107.                         {% endif %}
  108.                     {% endif %}
  109.                 {# logo center #}
  110.                 {% elseif theme_config('zen-logo-position') is same as ('center') %}
  111.                     {# search default #}
  112.                     {% if theme_config('zen-search-style') is same as ('default')  %}
  113.                         {# offcanvas style #}
  114.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  115.                             {% set logoClasses =                        'col-12 pos-xl-center col-xl-2 order-1' %}
  116.                             {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-md-3 order-lg-2 ml-auto' %}
  117.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  118.                             {% set mainNavigationClasses =              'd-none d-lg-flex col-lg col-xl-5 order-lg-2' %}
  119.                             {% set mainNavigationToggleClasses =        'col-auto d-lg-none order-2' %}
  120.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  121.                             {% set logoClasses =                        'col-12 pos-lg-center col-lg-2 order-1' %}
  122.                             {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-md-3 order-lg-2 ml-auto' %}
  123.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  124.                             {% set mainNavigationClasses =              'd-none d-xl-flex col-xl-5 order-lg-2' %}
  125.                             {% set mainNavigationToggleClasses =        'col-auto d-xl-none order-2' %}
  126.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  127.                             {% set logoClasses =                        'col-12 col-lg-auto pos-lg-center order-1 order-lg-3' %} {# TODO: pos-lg-center better solution? #}
  128.                             {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-md-3 order-lg-2 ml-auto' %}
  129.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  130.                             {% set mainNavigationClasses =              'd-none' %}
  131.                             {% set mainNavigationToggleClasses =        'col-auto order-2 order-lg-1' %}
  132.                         {% endif %}
  133.                     {# search not default #}
  134.                     {% elseif theme_config('zen-search-style') is not same as ('default') %}
  135.                         {# offcanvas style #}
  136.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  137.                             {% set logoClasses =                        'col-12 col-md-4 col-lg-12 col-xl-2 order-1 order-md-2 order-lg-1 order-xl-2' %}
  138.                             {% set searchClasses =                      'col-12 order-5' %}
  139.                             {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  140.                             {% set mainNavigationClasses =              'd-none d-lg-flex col-lg col-xl-5 order-lg-2 order-xl-1' %}
  141.                             {% set mainNavigationToggleClasses =        'col-auto col-md-4 d-lg-none order-1' %}
  142.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  143.                             {% set logoClasses =                        'col-12 col-md-4 col-xl-2 order-1 order-md-2' %}
  144.                             {% set searchClasses =                      'col-12 order-5' %}
  145.                             {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  146.                             {% set mainNavigationClasses =              'd-none d-xl-flex col-xl-5 order-xl-1' %}
  147.                             {% set mainNavigationToggleClasses =        'col-auto col-md-4 d-xl-none order-1' %}
  148.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  149.                             {% set logoClasses =                        'col-12 col-md-4 col-xl-2 order-1 order-md-2 order-xl-2' %}
  150.                             {% set searchClasses =                      'col-12 order-5' %}
  151.                             {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  152.                             {% set mainNavigationClasses =              'd-none' %}
  153.                             {% set mainNavigationToggleClasses =        'col-auto col-md-4 col-xl-5 order-1' %}
  154.                         {% endif %}
  155.                     {% endif %}
  156.                 {# logo right #}
  157.                 {% elseif theme_config('zen-logo-position') is same as ('right') %}
  158.                     {# search default #}
  159.                     {% if theme_config('zen-search-style') is same as ('default') %}
  160.                         {# offcanvas style #}
  161.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  162.                             {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4 ml-md-auto' %}
  163.                             {% set searchClasses =                      'col-12 col-sm-auto order-5 order-sm-3 order-lg-2 ml-auto ml-md-0' %}
  164.                             {% set actionClasses =                      'col-auto order-4 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  165.                             {% set mainNavigationClasses =              'd-none d-lg-flex col-lg order-lg-3 justify-content-end' %}
  166.                             {% set mainNavigationToggleClasses =        'col-auto d-lg-none order-2' %}
  167.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  168.                             {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4 ml-md-auto' %}
  169.                             {% set searchClasses =                      'col-12 col-sm-auto order-5 order-sm-3 order-lg-2 ml-auto ml-md-0' %}
  170.                             {% set actionClasses =                      'col-auto order-4 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  171.                             {% set mainNavigationClasses =              'd-none d-xl-flex col-lg order-lg-3 justify-content-end' %}
  172.                             {% set mainNavigationToggleClasses =        'col-auto d-xl-none order-2' %}
  173.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  174.                             {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4 ml-md-auto' %}
  175.                             {% set searchClasses =                      'col-12 col-sm-auto order-5 order-sm-3 order-lg-2 ml-auto ml-md-0' %}
  176.                             {% set actionClasses =                      'col-auto order-4 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  177.                             {% set mainNavigationClasses =              'd-none' %}
  178.                             {% set mainNavigationToggleClasses =        'col-auto order-2' %}
  179.                         {% endif %}
  180.                     {# search not default #}
  181.                     {% elseif theme_config('zen-search-style') is not same as ('default') %}
  182.                         {# offcanvas style #}
  183.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  184.                             {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4 ml-sm-auto' %}
  185.                             {% set searchClasses =                      'col-12 order-5' %}
  186.                             {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  187.                             {% set mainNavigationClasses =              'd-none d-lg-flex col-lg order-lg-2 justify-content-end' %}
  188.                             {% set mainNavigationToggleClasses =        'col-auto d-lg-none order-2' %}
  189.                             {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  190.                                 {% set actionClasses =                  'col-auto col-xl-3 order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  191.                             {% endif %}
  192.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  193.                             {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4 ml-sm-auto' %}
  194.                             {% set searchClasses =                      'col-12 order-5' %}
  195.                             {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  196.                             {% set mainNavigationClasses =              'd-none d-xl-flex col-lg order-lg-2 justify-content-end' %}
  197.                             {% set mainNavigationToggleClasses =        'col-auto d-xl-none order-2' %}
  198.                             {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  199.                                 {% set actionClasses =                      'col-auto col-xl-3 order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  200.                             {% endif %}
  201.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  202.                             {% set logoClasses =                        'col-12 col-sm-auto order-1 order-sm-4 ml-sm-auto' %}
  203.                             {% set searchClasses =                      'col-12 order-5' %}
  204.                             {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  205.                             {% set mainNavigationClasses =              'd-none' %}
  206.                             {% set mainNavigationToggleClasses =        'col-auto order-2' %}
  207.                         {% endif %}
  208.                     {% endif %}
  209.                 {% endif %}
  210.             {# ... multi lined header #}
  211.             {% elseif theme_config('zen-header-style') is same as ('multi-line') %}
  212.                 {# logo left #}
  213.                 {% if theme_config('zen-logo-position') is same as ('left') %}
  214.                     {# search default #}
  215.                     {% if theme_config('zen-search-style') is same as ('default') %}
  216.                         {# offcanvas style #}
  217.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  218.                             {% set logoClasses =                        'col-12 col-md-auto col-lg-3 order-1' %}
  219.                             {% set searchClasses =                      'col-12 col-sm-auto col-lg-6 order-4 order-sm-2 ml-auto ml-lg-0 mr-lg-0' %}
  220.                             {% set actionClasses =                      'col-auto order-3 ml-auto ml-sm-0 ml-lg-auto' %}
  221.                             {% set mainNavigationToggleClasses =        'col-auto d-lg-none order-2 order-md-3' %}
  222.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  223.                             {% set logoClasses =                        'col-12 col-md-auto col-xl-3 order-1' %}
  224.                             {% set searchClasses =                      'col-12 col-sm-auto col-xl-6 order-4 order-sm-2 ml-auto ml-xl-0 mr-xl-0' %}
  225.                             {% set actionClasses =                      'col-auto order-3 ml-auto ml-sm-0 ml-xl-auto' %}
  226.                             {% set mainNavigationToggleClasses =        'col-auto d-xl-none order-2 order-md-3' %}
  227.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  228.                             {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  229.                             {% set searchClasses =                      'col-12 col-sm order-4 order-sm-2 ml-auto ml-sm-3' %}
  230.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0 ml-xl-auto' %}
  231.                             {% set mainNavigationToggleClasses =        'col-auto order-2 order-md-3' %}
  232.                         {% endif %}
  233.                     {# search not default #}
  234.                     {% elseif theme_config('zen-search-style') is not same as ('default') %}
  235.                         {# offcanvas style #}
  236.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  237.                             {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1' %}
  238.                             {% set searchClasses =                      'col-12 order-5' %}
  239.                             {% set actionClasses =                      'col-auto col-xl-3 order-3 order-md-4 ml-auto ml-sm-0 ml-lg-auto' %}
  240.                             {% set mainNavigationToggleClasses =        'col-auto d-lg-none order-2 ml-sm-auto' %}
  241.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  242.                             {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1' %}
  243.                             {% set searchClasses =                      'col-12 order-5' %}
  244.                             {% set actionClasses =                      'col-auto col-xl-3 order-3 order-md-4 ml-auto ml-sm-0 ml-xl-auto' %}
  245.                             {% set mainNavigationToggleClasses =        'col-auto d-xl-none order-2 ml-sm-auto' %}
  246.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  247.                             {% set logoClasses =                        'col-12 col-sm-auto order-1' %}
  248.                             {% set searchClasses =                      'col-12 order-5' %}
  249.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  250.                             {% set mainNavigationToggleClasses =        'col-auto order-2 ml-sm-auto' %}
  251.                         {% endif %}
  252.                     {% endif %}
  253.                 {# logo center #}
  254.                 {% elseif theme_config('zen-logo-position') is same as ('center') %}
  255.                     {# search default #}
  256.                     {% if theme_config('zen-search-style') is same as ('default') %}
  257.                         {# offcanvas style #}
  258.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  259.                             {% set logoClasses =                        'col-12 col-lg-4 pos-lg-center order-1 order-lg-2' %}
  260.                             {% 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' %}
  261.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0 ml-lg-auto' %}
  262.                             {% set mainNavigationToggleClasses =        'col-auto d-lg-none order-2' %}
  263.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  264.                             {% set logoClasses =                        'col-12 col-xl-4 pos-xl-center order-1 order-lg-2' %}
  265.                             {% 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' %}
  266.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0 ml-xl-auto' %}
  267.                             {% set mainNavigationToggleClasses =        'col-auto d-xl-none order-2' %}
  268.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  269.                             {% set logoClasses =                        'col-12 col-lg-auto pos-lg-center order-1 order-lg-3' %}
  270.                             {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-3 order-lg-2 ml-auto ml-lg-0 mr-lg-auto' %}
  271.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  272.                             {% set mainNavigationToggleClasses =        'col-auto order-2 order-lg-3' %}
  273.                         {% endif %}
  274.                     {# search not default #}
  275.                     {% elseif theme_config('zen-search-style') is not same as ('default') %}
  276.                         {# offcanvas style #}
  277.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  278.                             {% set logoClasses =                        'col-12 col-md-4 col-lg-4 pos-lg-center order-1 order-md-2 order-lg-1' %}
  279.                             {% set searchClasses =                      'col-12 order-5' %}
  280.                             {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  281.                             {% set mainNavigationToggleClasses =        'col-auto col-md-4 d-lg-none order-1' %}
  282.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  283.                             {% set logoClasses =                        'col-12 col-md-4 pos-xl-center order-1 order-md-2' %}
  284.                             {% set searchClasses =                      'col-12 order-5' %}
  285.                             {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  286.                             {% set mainNavigationToggleClasses =        'col-auto col-md-4 d-xl-none order-1' %}
  287.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  288.                             {% set logoClasses =                        'col-12 col-md-4 order-1 order-md-2 order-xl-2' %}
  289.                             {% set searchClasses =                      'col-12 order-5' %}
  290.                             {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  291.                             {% set mainNavigationToggleClasses =        'col-auto col-md-4 col-xl-4 order-1' %}
  292.                         {% endif %}
  293.                     {% endif %}
  294.                 {# logo right #}
  295.                 {% elseif theme_config('zen-logo-position') is same as ('right') %}
  296.                     {# search default #}
  297.                     {% if theme_config('zen-search-style') is same as ('default') %}
  298.                         {# offcanvas style #}
  299.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  300.                             {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4 ml-md-auto' %}
  301.                             {% set searchClasses =                      'col-12 col-sm-auto col-lg-6 order-5 order-sm-3 order-lg-2 ml-auto ml-md-0' %}
  302.                             {% set actionClasses =                      'col-auto col-lg-3 order-4 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  303.                             {% set mainNavigationToggleClasses =        'col-auto d-lg-none order-2' %}
  304.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  305.                             {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4 ml-md-auto' %}
  306.                             {% set searchClasses =                      'col-12 col-sm-auto col-xl-6 order-5 order-sm-3 order-lg-2 ml-auto ml-md-0' %}
  307.                             {% set actionClasses =                      'col-auto col-xl-3 order-4 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  308.                             {% set mainNavigationToggleClasses =        'col-auto d-xl-none order-2' %}
  309.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  310.                             {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4 ml-md-3' %}
  311.                             {% set searchClasses =                      'col-12 col-sm order-5 order-sm-3 order-lg-2 ml-auto ml-md-0' %}
  312.                             {% set actionClasses =                      'col-auto order-4 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  313.                             {% set mainNavigationToggleClasses =        'col-auto order-2' %}
  314.                         {% endif %}
  315.                     {# search not default #}
  316.                     {% elseif theme_config('zen-search-style') is not same as ('default') %}
  317.                         {# offcanvas style #}
  318.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  319.                             {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4 ml-sm-auto' %}
  320.                             {% set searchClasses =                      'col-12 order-5' %}
  321.                             {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  322.                             {% set mainNavigationToggleClasses =        'col-auto d-lg-none order-2' %}
  323.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  324.                             {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4 ml-sm-auto' %}
  325.                             {% set searchClasses =                      'col-12 order-5' %}
  326.                             {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  327.                             {% set mainNavigationToggleClasses =        'col-auto d-xl-none order-2' %}
  328.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  329.                             {% set logoClasses =                        'col-12 col-sm-auto order-1 order-sm-4 ml-sm-auto' %}
  330.                             {% set searchClasses =                      'col-12 order-5' %}
  331.                             {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  332.                             {% set mainNavigationToggleClasses =        'col-auto order-2' %}
  333.                         {% endif %}
  334.                     {% endif %}
  335.                 {% endif %}
  336.             {# ... Two lined header #}
  337.             {% elseif theme_config('zen-header-style') is same as ('two-line') %}
  338.                 {# logo left #}
  339.                 {% if theme_config('zen-logo-position') is same as ('left') %}
  340.                     {# search default #}
  341.                     {% if theme_config('zen-search-style') is same as ('default') %}
  342.                         {# offcanvas style #}
  343.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  344.                             {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  345.                             {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 ml-auto' %}
  346.                             {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-3' %}
  347.                             {% set actionClasses =                      'col-auto order-3 ml-auto ml-sm-0' %}
  348.                             {% set mainNavigationToggleClasses =        'col-auto d-lg-none order-2 order-md-3' %}
  349.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  350.                             {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  351.                             {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 ml-auto' %}
  352.                             {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-3' %}
  353.                             {% set actionClasses =                      'col-auto order-3 ml-auto ml-sm-0' %}
  354.                             {% set mainNavigationToggleClasses =        'col-auto d-xl-none order-2 order-md-3' %}
  355.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  356.                             {% set logoClasses =                        'col-12 col-md-3 order-1' %}
  357.                             {% set searchClasses =                      'col-12 col-sm order-4 order-sm-2 col-md-6 ml-auto ml-sm-0' %}
  358.                             {% set topBarClasses =                      'd-none' %}
  359.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  360.                             {% set mainNavigationToggleClasses =        'col-auto order-2 order-md-3 ml-md-auto' %}
  361.                         {% endif %}
  362.                     {# search not default #}
  363.                     {% elseif theme_config('zen-search-style') is not same as ('default') %}
  364.                         {# offcanvas style #}
  365.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  366.                             {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1' %}
  367.                             {% set searchClasses =                      'col-12 order-5' %}
  368.                             {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-3 ml-auto' %}
  369.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  370.                             {% set mainNavigationToggleClasses =        'col-auto d-lg-none order-2 ml-sm-auto' %}
  371.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  372.                             {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1' %}
  373.                             {% set searchClasses =                      'col-12 order-5' %}
  374.                             {% set topBarClasses =                      'd-none d-xl-flex col-auto order-lg-3 ml-auto' %}
  375.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  376.                             {% set mainNavigationToggleClasses =        'col-auto d-xl-none order-2 ml-sm-auto' %}
  377.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  378.                             {% set logoClasses =                        'col-12 col-sm-auto order-1' %}
  379.                             {% set searchClasses =                      'col-12 order-5' %}
  380.                             {% set topBarClasses =                      'd-none' %}
  381.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  382.                             {% set mainNavigationToggleClasses =        'col-auto order-2 ml-sm-auto' %}
  383.                         {% endif %}
  384.                     {% endif %}
  385.                 {# logo center #}
  386.                 {% elseif theme_config('zen-logo-position') is same as ('center') %}
  387.                     {# search default #}
  388.                     {% if theme_config('zen-search-style') is same as ('default') %}
  389.                         {# offcanvas style #}
  390.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  391.                             {% set logoClasses =                        'col-12 col-lg-4 pos-lg-center order-1 order-lg-2' %}
  392.                             {% 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' %}
  393.                             {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-3 ml-auto' %}
  394.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  395.                             {% set mainNavigationToggleClasses =        'col-auto d-lg-none order-2' %}
  396.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  397.                             {% set logoClasses =                        'col-12 col-xl-4 pos-xl-center order-1 order-lg-2' %}
  398.                             {% 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' %}
  399.                             {% set topBarClasses =                      'd-none d-xl-flex col-auto order-xl-3 ml-auto' %}
  400.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  401.                             {% set mainNavigationToggleClasses =        'col-auto d-xl-none order-2' %}
  402.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  403.                             {% set logoClasses =                        'col-12 col-lg-auto pos-lg-center order-1 order-lg-2' %}
  404.                             {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-3 order-lg-2 ml-auto ml-lg-0 mr-lg-auto' %}
  405.                             {% set topBarClasses =                      'd-none' %}
  406.                             {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  407.                             {% set mainNavigationToggleClasses =        'col-auto order-2 order-lg-3' %}
  408.                         {% endif %}
  409.                     {# search not default #}
  410.                     {% elseif theme_config('zen-logo-position') is same as ('center') %}
  411.                         {# offcanvas style #}
  412.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  413.                             {% set logoClasses =                        'col-12 col-md-4 col-lg-4 pos-lg-center order-1 order-md-2 order-lg-2' %}
  414.                             {% set searchClasses =                      'col-12 order-5' %}
  415.                             {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-1' %}
  416.                             {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  417.                             {% set mainNavigationToggleClasses =        'col-auto col-md-4 d-lg-none order-1' %}
  418.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  419.                             {% set logoClasses =                        'col-12 col-md-4 pos-xl-center order-1 order-md-2' %}
  420.                             {% set searchClasses =                      'col-12 order-5' %}
  421.                             {% set topBarClasses =                      'd-none d-xl-flex col-auto order-xl-1' %}
  422.                             {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  423.                             {% set mainNavigationToggleClasses =        'col-auto col-md-4 d-xl-none order-1' %}
  424.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  425.                             {% set logoClasses =                        'col-12 col-md-4 order-1 order-md-2 order-xl-2' %}
  426.                             {% set searchClasses =                      'col-12 order-5' %}
  427.                             {% set topBarClasses =                      'd-none' %}
  428.                             {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  429.                             {% set mainNavigationToggleClasses =        'col-auto col-md-4 col-xl-4 order-1' %}
  430.                         {% endif %}
  431.                     {% endif %}
  432.                 {# logo right #}
  433.                 {% elseif theme_config('zen-logo-position') is same as ('right') %}
  434.                     {# search default #}
  435.                     {% if theme_config('zen-search-style') is same as ('default') %}
  436.                         {# offcanvas style #}
  437.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  438.                             {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4 ml-md-auto' %}
  439.                             {% set searchClasses =                      'col-12 col-sm-auto order-5 order-sm-3 order-lg-2 ml-auto ml-md-0' %}
  440.                             {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-2' %}
  441.                             {% set actionClasses =                      'col-auto order-4 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  442.                             {% set mainNavigationToggleClasses =        'col-auto d-lg-none order-2' %}
  443.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  444.                             {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4 ml-md-auto' %}
  445.                             {% set searchClasses =                      'col-12 col-sm-auto order-5 order-sm-3 order-lg-2 ml-auto ml-md-0' %}
  446.                             {% set topBarClasses =                      'd-none d-xl-flex col-auto order-xl-2' %}
  447.                             {% set actionClasses =                      'col-auto order-4 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  448.                             {% set mainNavigationToggleClasses =        'col-auto d-xl-none order-2' %}
  449.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  450.                             {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4 ml-md-auto' %}
  451.                             {% set searchClasses =                      'col-12 col-sm order-5 order-sm-3 order-lg-2 ml-auto ml-md-0' %}
  452.                             {% set topBarClasses =                      'd-none' %}
  453.                             {% set actionClasses =                      'col-auto order-4 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  454.                             {% set mainNavigationToggleClasses =        'col-auto order-2' %}
  455.                         {% endif %}
  456.                     {# search not default #}
  457.                     {% elseif theme_config('zen-search-style') is not same as ('default') %}
  458.                         {# offcanvas style #}
  459.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  460.                             {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4 ml-sm-auto' %}
  461.                             {% set searchClasses =                      'col-12 order-5' %}
  462.                             {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-2' %}
  463.                             {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  464.                             {% set mainNavigationToggleClasses =        'col-auto d-lg-none order-2' %}
  465.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  466.                             {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4 ml-sm-auto' %}
  467.                             {% set searchClasses =                      'col-12 order-5' %}
  468.                             {% set topBarClasses =                      'd-none d-xl-flex col-auto order-xl-2' %}
  469.                             {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  470.                             {% set mainNavigationToggleClasses =        'col-auto d-xl-none order-2 mr-sm-auto mr-xl-0' %}
  471.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  472.                             {% set logoClasses =                        'col-12 col-sm-auto order-1 order-sm-4 ml-sm-auto' %}
  473.                             {% set searchClasses =                      'col-12 order-5' %}
  474.                             {% set topBarClasses =                      'd-none' %}
  475.                             {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  476.                             {% set mainNavigationToggleClasses =        'col-auto order-2' %}
  477.                         {% endif %}
  478.                     {% endif %}
  479.                 {% endif %}
  480.             {% endif %}
  481.             {# ... single lined mobile headers #}
  482.             {% if theme_config('zen-header-style-mobile') is same as ('single-line') %}
  483.                 {# logo left, search default #}
  484.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') %}
  485.                     {% set logoClasses =                        logoClasses|replace({'col-12': 'col-auto'}) %}
  486.                     {% set actionClasses =                      actionClasses|replace({'ml-auto': ''}) %}
  487.                     {% set mainNavigationToggleClasses =        mainNavigationToggleClasses|replace({'col-auto': 'col-auto ml-auto ml-sm-0', 'order-2': 'order-3'}) %}
  488.                     {# logo left, search not default #}
  489.                 {% elseif theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') %}
  490.                     {% set logoClasses =                        logoClasses|replace({'col-12': 'col-auto'}) %}
  491.                     {% set actionClasses =                      actionClasses|replace({'ml-auto': ''}) %}
  492.                     {% set mainNavigationToggleClasses =        mainNavigationToggleClasses|replace({'ml-sm-auto': 'ml-auto'}) %}
  493.                     {# logo center, search default #}
  494.                 {% elseif theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') %}
  495.                     {% set logoClasses =                        logoClasses|replace({'col-12': 'col-auto', 'pos-xl-center': 'pos-center', 'pos-lg-center': 'pos-center'}) %}
  496.                     {% set actionClasses =                      actionClasses|replace({'col-auto': 'col col-lg-auto'}) %}
  497.                     {% if theme_config('zen-header-style') is same as ('single-line') %}
  498.                         {% set searchClasses =                      searchClasses|replace({'col-sm-auto': 'col-sm-3 col-lg-auto', 'ml-auto': 'ml-xl-auto'}) %}
  499.                         {% set actionClasses =                      actionClasses|replace({'ml-sm-0': 'ml-xl-0'}) %}
  500.                         {% set mainNavigationClasses =              mainNavigationClasses|replace({'d-lg-flex': 'd-xl-flex'}) %} {# ... have to move the main navigation as offcanvas breakpoint #}
  501.                         {% set mainNavigationToggleClasses =        mainNavigationToggleClasses|replace({'d-lg-none': 'd-xl-none'}) %} {# ... have to move the main navigation as offcanvas breakpoint #}
  502.                     {% elseif theme_config('zen-header-style') is same as ('multi-line') %}
  503.                         {% set searchClasses =                      searchClasses|replace({'col-sm-auto': 'col-sm-3 col-lg-auto', 'ml-auto': ''}) %}
  504.                         {% set actionClasses =                      actionClasses|replace({'ml-sm-0': ''}) %}
  505.                     {% elseif theme_config('zen-header-style') is same as ('two-line') %}
  506.                         {% set searchClasses =                      searchClasses|replace({'col-sm-auto': 'col-sm-3 col-lg-auto', 'ml-auto': ''}) %}
  507.                         {% set actionClasses =                      actionClasses|replace({'ml-sm-0': 'ml-xl-0'}) %}
  508.                     {% endif %}
  509.                     {# logo center, search not default #}
  510.                 {% elseif theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') %}
  511.                     {% set logoClasses =                        logoClasses|replace({'col-12': 'col-auto pos-center'}) %}
  512.                     {% set actionClasses =                      actionClasses|replace({'col-auto': 'col col-lg-auto'}) %}
  513.                     {% if theme_config('zen-header-style') is same as ('single-line') %}
  514.                         {% set mainNavigationClasses =              mainNavigationClasses|replace({'d-lg-flex': 'd-xl-flex'}) %} {# ... have to move the main navigation as offcanvas breakpoint #}
  515.                         {% set mainNavigationToggleClasses =        mainNavigationToggleClasses|replace({'col-md-4':'col-auto', 'd-lg-none': 'd-xl-none'}) %} {# ... have to move the main navigation as offcanvas breakpoint #}
  516.                     {% else %}
  517.                         {% set mainNavigationToggleClasses =        mainNavigationToggleClasses|replace({'col-md-4':'col-auto'}) %}
  518.                     {% endif %}
  519.                     {# logo right, search default #}
  520.                 {% elseif theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') %}
  521.                     {% set logoClasses =                        logoClasses|replace({'col-12': 'col-auto', 'order-1 order-md-4': 'order-4', 'ml-md-auto': 'ml-auto', 'ml-md-3': 'ml-3' }) %}
  522.                     {% set searchClasses =                      searchClasses|replace({'ml-auto ml-md-0': ''}) %}
  523.                     {% set actionClasses =                      actionClasses|replace({'ml-auto ml-sm-0': '', 'order-4 order-md-1': 'order-1', 'reverse-sm': 'reverse', 'reverse-md': 'reverse'}) %}
  524.                     {# logo right, search not default #}
  525.                 {% elseif theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') %}
  526.                     {% set logoClasses =                        logoClasses|replace({'col-12': 'col-auto', 'order-1 order-sm-4': 'order-4', 'ml-sm-auto': 'ml-auto'}) %}
  527.                     {% set actionClasses =                      actionClasses|replace({'ml-auto ml-sm-0': '', 'order-3 order-sm-1': 'order-1', 'reverse-sm': 'reverse', 'reverse-md': 'reverse'}) %}
  528.                 {% endif %}
  529.             {% endif %}
  530.             {# sticky header js options #}
  531.             {% set stickyHeaderOptions = {
  532.                 viewports: theme_config('zen-sticky-header'),
  533.                 scrollOffset: theme_config('zen-sticky-header-offset'),
  534.                 autoHide: theme_config('zen-sticky-header-hide')
  535.             } %}
  536.             {% set stickyHeader = theme_config('zen-sticky-header') ? 'true' : 'false' %}
  537.             {% set headerOpacity = zenCustomFields.category.zenit_horizon_category_header_bg_opacity|replace({'%': ''}) %}
  538.             {% set navigationOpacity = zenCustomFields.category.zenit_horizon_category_nav_main_opacity|replace({'%': ''}) %}
  539.             {# header classes array #}
  540.             {% set headerClasses = ['header-' ~ theme_config('zen-header-style'), 'header-' ~ theme_config('zen-header-style-mobile') ~ '-mobile', 'header-logo-' ~ theme_config('zen-logo-position')]%}
  541.             {% if (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) and zenCustomFields.category.zenit_horizon_category_header_position is empty or zenCustomFields.category.zenit_horizon_category_header_position is same as ('inherit') %}
  542.                 {% set headerClasses = ['header-pos-' ~ theme_config('zen-category-header-position')]|merge(headerClasses) %}
  543.             {% elseif (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) %}
  544.                 {% set headerClasses = ['header-pos-' ~ zenCustomFields.category.zenit_horizon_category_header_position]|merge(headerClasses) %}
  545.             {% endif %}
  546.             {# ... checks if header got any opacity settings #}
  547.             {% if (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) %}
  548.                 {% if ( headerOpacity is not empty and headerOpacity is not same as ('inherit') and headerOpacity is not same as ('100') )
  549.                     or ( navigationOpacity is not empty and navigationOpacity is not same as ('inherit') and navigationOpacity is not same as ('100') ) %}
  550.                     {% set headerClasses = ['has-bg-opacity']|merge(headerClasses) %}
  551.                 {% elseif theme_config('zen-category-header-bg-opacity') is not same as ('100')
  552.                     or theme_config('zen-category-nav-main-opacity') is not same as ('100') %}
  553.                     {% set headerClasses = ['has-bg-opacity']|merge(headerClasses) %}
  554.                 {% endif %}
  555.             {% endif %}
  556.             {# nav header classes array #}
  557.             {% set navHeaderClasses = [] %}
  558.             {% if (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) and headerOpacity is empty or headerOpacity is same as ('inherit') %}
  559.                 {% set navHeaderClasses = ['bg-opacity-' ~ theme_config('zen-category-header-bg-opacity')]|merge(navHeaderClasses)  %}
  560.             {% elseif (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) %}
  561.                 {% set navHeaderClasses = ['bg-opacity-' ~ headerOpacity]|merge(navHeaderClasses) %}
  562.             {% endif %}
  563.             {# nav main classes array #}
  564.             {% set navMainClasses = [] %}
  565.             {% if (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) and navigationOpacity is empty or navigationOpacity is same as ('inherit') %}
  566.                 {% set navMainClasses = ['bg-opacity-' ~ theme_config('zen-category-nav-main-opacity')]|merge(navMainClasses) %}
  567.             {% elseif (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) %}
  568.                 {% set navMainClasses = ['bg-opacity-' ~ navigationOpacity]|merge(navMainClasses) %}
  569.             {% endif %}
  570.             {% if theme_config('zen-main-navigation-scroll') %}
  571.                 {% set navMainClasses = ['navbar-nav-scroll']|merge(navMainClasses) %}
  572.             {% endif %}
  573.             <header class="header-main {{ headerClasses|join(' ') }}"
  574.                     data-sticky="{{ stickyHeader }}"
  575.                     data-zen-sticky-header-options="{{ stickyHeaderOptions|json_encode }}">
  576.                 <div class="header-inner">
  577.                     {% block base_header_inner %}
  578.                         {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
  579.                     {% endblock %}
  580.                     {# ... multi-line header navigation #}
  581.                     {% if theme_config('zen-header-style') is not same as ('single-line') %}
  582.                         {% block base_navigation %}
  583.                             <div class="nav-main {{ navMainClasses|join(' ') }}">
  584.                                 {% block base_navigation_inner %}
  585.                                     {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  586.                                 {% endblock %}
  587.                             </div>
  588.                         {% endblock %}
  589.                     {% endif %}
  590.                 </div>
  591.             </header>
  592.         {% endblock %}
  593.         {{ block('base_offcanvas_navigation') }}
  594.         {{ block('base_main') }}
  595.         {{ block('base_footer') }}
  596.     </div>
  597. {% endblock %}
  598. {% block base_breadcrumb %}
  599.     {# ... checks if custom zenit-breadcrumb is in use #}
  600.     {% set defaultBreadcrumbs = true %}
  601.     {% for section in page.cmsPage.sections %}
  602.         {% for block in section.blocks %}
  603.             {% if block.type is same as ('zenit-breadcrumb') %}
  604.                 {% set defaultBreadcrumbs = false %}
  605.             {% endif %}
  606.         {% endfor %}
  607.     {% endfor %}
  608.     {% if defaultBreadcrumbs %}
  609.         <div class="breadcrumb-wrap base-breadcrumb justify-content-{{ theme_config('zen-breadcrumbs-align')|replace({'flex-': ''}) }}">
  610.             {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
  611.                 context: context,
  612.                 category: page.product.seoCategory
  613.             } only %}
  614.         </div>
  615.     {% endif %}
  616. {% endblock %}
  617. {% block base_body_script %}
  618.     {{ parent() }}
  619.     {% block zen_base_theme_js_files %}
  620.         {% if config('zenitPlatformHorizon.config.customJsFilesActive') %}
  621.             {{ config('zenitPlatformHorizon.config.customJsFiles')|raw }}
  622.         {% endif %}
  623.     {% endblock %}
  624.     {% block zen_base_theme_js_custom %}
  625.         {% if config('zenitPlatformHorizon.config.customJsActive') %}
  626.             <script data-plugin="zenitHorizonCustomJs">
  627.                 {{ config('zenitPlatformHorizon.config.customJs')|replace({'<script>': '','</script>': ''})|raw }}
  628.             </script>
  629.         {% endif %}
  630.     {% endblock %}
  631.     {# Cookie Banner #}
  632.     {% block zen_base_cookie_banner_config %}
  633.         <script data-plugin="zenitHorizon">
  634.             window.zenCookieBannerStyle = '{{ theme_config('zen-cookie-banner-style') }}'
  635.         </script>
  636.     {% endblock %}
  637. {% endblock %}