vendor/zenit/gravity-set-2/src/Resources/views/storefront/base.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@zenitPlatformGravity/storefront/base.html.twig' %}
  3. {% block base_body_inner %}
  5.     {{ block('base_noscript') }}
  7.     {% block zen_base_preloader %}
  8.         {% sw_include '@zenitPlatformGravity/storefront/layout/zen-preloader.html.twig' %}
  9.     {% endblock %}
  11.     <div class="anim-wrapper" data-animation-plugin></div>
  13. <div class="page-wrapper{% if app.request.get('_route') == 'frontend.home.page' %} cms-page-home{% endif %}">
  15.         {% block base_header %}
  16.             {# ... @zenit - single lined header #}
  17.             {% if theme_config('zen-header-style') is same as ('single-line') %}
  18.                 {# logo left #}
  19.                 {% if theme_config('zen-logo-position') is same as ('left') %}
  20.                     {# search default #}
  21.                     {% if theme_config('zen-search-style') is same as ('default')  %}
  22.                         {# offcanvas style #}
  23.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  24.                             {% set logoClasses =                        "col-12 col-md-auto order-1" %}
  25.                             {% set searchClasses =                      "col-12 col-sm-auto order-4 order-sm-2 #{marginStartClass}-auto" %}
  26.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  27.                             {% set mainNavigationClasses =              "d-none d-lg-flex col-lg order-lg-2" %}
  28.                             {% set mainNavigationToggleClasses =        "col-auto d-lg-none order-2 order-md-3" %}
  30.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  31.                             {% set logoClasses =                        "col-12 col-md-auto order-1" %}
  32.                             {% set searchClasses =                      "col-12 col-sm-auto order-4 order-sm-2 #{marginStartClass}-auto" %}
  33.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  34.                             {% set mainNavigationClasses =              "d-none d-xl-flex col-xl order-lg-2" %}
  35.                             {% set mainNavigationToggleClasses =        "col-auto d-xl-none order-2 order-md-3" %}
  37.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  38.                             {% set logoClasses =                        "col-12 col-md-auto order-1" %}
  39.                             {% set searchClasses =                      "col-12 col-sm-auto order-4 order-sm-2 #{marginStartClass}-auto" %}
  40.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  41.                             {% set mainNavigationClasses =              "d-none" %}
  42.                             {% set mainNavigationToggleClasses =        "col-auto order-2 order-md-3" %}
  43.                         {% endif %}
  44.                         {# search not default #}
  45.                     {% elseif theme_config('zen-search-style') is not same as ('default') %}
  46.                         {# offcanvas style #}
  47.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  48.                             {% set logoClasses =                        "col-12 col-sm-auto order-1" %}
  49.                             {% set searchClasses =                      "col-12 order-5" %}
  50.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  51.                             {% set mainNavigationClasses =              "d-none d-lg-flex col-lg order-lg-2 " %}
  52.                             {% set mainNavigationToggleClasses =        "col-auto d-lg-none order-2 #{marginStartClass}-sm-auto" %}
  54.                             {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  55.                                 {% set logoClasses =                    "col-12 col-sm-auto col-xl-3 order-1" %}
  56.                                 {% set actionClasses =                  "col-auto col-xl-3 order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  57.                             {% endif %}
  59.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  60.                             {% set logoClasses =                        "col-12 col-sm-auto order-1" %}
  61.                             {% set searchClasses =                      "col-12 order-5" %}
  62.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  63.                             {% set mainNavigationClasses =              "d-none d-xl-flex col-xl order-lg-2" %}
  64.                             {% set mainNavigationToggleClasses =        "col-auto d-xl-none order-2 #{marginStartClass}-sm-auto" %}
  66.                             {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  67.                                 {% set logoClasses =                    "col-12 col-sm-auto col-xl-3 order-1" %}
  68.                                 {% set actionClasses =                  "col-auto col-xl-3 order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  69.                             {% endif %}
  71.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  72.                             {% set logoClasses =                        "col-12 col-sm-auto order-1" %}
  73.                             {% set searchClasses =                      "col-12 order-5" %}
  74.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  75.                             {% set mainNavigationClasses =              "d-none" %}
  76.                             {% set mainNavigationToggleClasses =        "col-auto order-2 #{marginStartClass}-sm-auto" %}
  78.                             {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  79.                                 {% set logoClasses =                    "col-12 col-sm-auto col-xl-3 order-1" %}
  80.                             {% endif %}
  81.                         {% endif %}
  82.                     {% endif %}
  84.                     {# logo center #}
  85.                 {% elseif theme_config('zen-logo-position') is same as ('center') %}
  86.                     {# search default #}
  87.                     {% if theme_config('zen-search-style') is same as ('default')  %}
  88.                         {# offcanvas style #}
  89.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  90.                             {% set logoClasses =                        "col-12 pos-xl-center col-xl-2 order-1" %}
  91.                             {% set searchClasses =                      "col-12 col-sm-auto order-4 order-sm-2 order-md-3 order-lg-2 #{marginStartClass}-auto" %}
  92.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  93.                             {% set mainNavigationClasses =              "d-none d-lg-flex col-lg col-xl-5 order-lg-2" %}
  94.                             {% set mainNavigationToggleClasses =        "col-auto d-lg-none order-2" %}
  96.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  97.                             {% set logoClasses =                        "col-12 pos-lg-center col-lg-2 order-1" %}
  98.                             {% set searchClasses =                      "col-12 col-sm-auto order-4 order-sm-2 order-md-3 order-lg-2 #{marginStartClass}-auto" %}
  99.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  100.                             {% set mainNavigationClasses =              "d-none d-xl-flex col-xl-5 order-lg-2" %}
  101.                             {% set mainNavigationToggleClasses =        "col-auto d-xl-none order-2" %}
  103.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  104.                             {% set logoClasses =                        "col-12 col-lg-auto pos-lg-center order-1 order-lg-3" %}
  105.                             {# TODO: @zenit - pos-lg-center better solution? #}
  106.                             {% set searchClasses =                      "col-12 col-sm-auto order-4 order-sm-2 order-md-3 order-lg-2 #{marginStartClass}-auto" %}
  107.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  108.                             {% set mainNavigationClasses =              "d-none" %}
  109.                             {% set mainNavigationToggleClasses =        "col-auto order-2 order-lg-1" %}
  110.                         {% endif %}
  111.                         {# search not default #}
  112.                     {% elseif theme_config('zen-search-style') is not same as ('default') %}
  113.                         {# offcanvas style #}
  114.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  115.                             {% set logoClasses =                        "col-12 col-md-4 col-lg-12 col-xl-2 order-1 order-md-2 order-lg-1 order-xl-2" %}
  116.                             {% set searchClasses =                      "col-12 order-5" %}
  117.                             {% set actionClasses =                      "col-auto order-3 #{marginStartClass}-auto" %}
  118.                             {% set mainNavigationClasses =              "d-none d-lg-flex col-lg col-xl-5 order-lg-2 order-xl-1" %}
  119.                             {% set mainNavigationToggleClasses =        "col-auto col-md-4 d-lg-none order-1" %}
  121.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  122.                             {% set logoClasses =                        "col-12 col-md-4 col-xl-2 order-1 order-md-2" %}
  123.                             {% set searchClasses =                      "col-12 order-5" %}
  124.                             {% set actionClasses =                      "col-auto order-3 #{marginStartClass}-auto" %}
  125.                             {% set mainNavigationClasses =              "d-none d-xl-flex col-xl-5 order-xl-1" %}
  126.                             {% set mainNavigationToggleClasses =        "col-auto col-md-4 d-xl-none order-1" %}
  128.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  129.                             {% set logoClasses =                        "col-12 col-md-4 col-xl-2 order-1 order-md-2 order-xl-2" %}
  130.                             {% set searchClasses =                      "col-12 order-5" %}
  131.                             {% set actionClasses =                      "col-auto order-3 #{marginStartClass}-auto" %}
  132.                             {% set mainNavigationClasses =              "d-none" %}
  133.                             {% set mainNavigationToggleClasses =        "col-auto col-md-4 col-xl-5 order-1" %}
  134.                         {% endif %}
  135.                     {% endif %}
  137.                     {# logo right #}
  138.                 {% elseif theme_config('zen-logo-position') is same as ('right') %}
  139.                     {# search default #}
  140.                     {% if theme_config('zen-search-style') is same as ('default') %}
  141.                         {# offcanvas style #}
  142.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  143.                             {% set logoClasses =                        "col-12 col-md-auto order-1 order-md-4 #{marginStartClass}-md-auto" %}
  144.                             {% set searchClasses =                      "col-12 col-sm-auto order-5 order-sm-3 order-lg-2 #{marginStartClass}-auto #{marginStartClass}-md-0" %}
  145.                             {% set actionClasses =                      "col-auto order-4 order-md-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-md" %}
  146.                             {% set mainNavigationClasses =              "d-none d-lg-flex col-lg order-lg-3 justify-content-end" %}
  147.                             {% set mainNavigationToggleClasses =        "col-auto d-lg-none order-2" %}
  149.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  150.                             {% set logoClasses =                        "col-12 col-md-auto order-1 order-md-4 #{marginStartClass}-md-auto" %}
  151.                             {% set searchClasses =                      "col-12 col-sm-auto order-5 order-sm-3 order-lg-2 #{marginStartClass}-auto #{marginStartClass}-md-0" %}
  152.                             {% set actionClasses =                      "col-auto order-4 order-md-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-md" %}
  153.                             {% set mainNavigationClasses =              "d-none d-xl-flex col-lg order-lg-3 justify-content-end" %}
  154.                             {% set mainNavigationToggleClasses =        "col-auto d-xl-none order-2" %}
  156.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  157.                             {% set logoClasses =                        "col-12 col-md-auto order-1 order-md-4 #{marginStartClass}-md-auto" %}
  158.                             {% set searchClasses =                      "col-12 col-sm-auto order-5 order-sm-3 order-lg-2 #{marginStartClass}-auto #{marginStartClass}-md-0" %}
  159.                             {% set actionClasses =                      "col-auto order-4 order-md-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-md" %}
  160.                             {% set mainNavigationClasses =              "d-none" %}
  161.                             {% set mainNavigationToggleClasses =        "col-auto order-2" %}
  162.                         {% endif %}
  163.                         {# search not default #}
  164.                     {% elseif theme_config('zen-search-style') is not same as ('default') %}
  165.                         {# offcanvas style #}
  166.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  167.                             {% set logoClasses =                        "col-12 col-sm-auto col-xl-3 order-1 order-sm-4 #{marginStartClass}-sm-auto" %}
  168.                             {% set searchClasses =                      "col-12 order-5" %}
  169.                             {% set actionClasses =                      "col-auto order-3 order-sm-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-sm" %}
  170.                             {% set mainNavigationClasses =              "d-none d-lg-flex col-lg order-lg-2 justify-content-end" %}
  171.                             {% set mainNavigationToggleClasses =        "col-auto d-lg-none order-2" %}
  173.                             {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  174.                                 {% set actionClasses =                  "col-auto col-xl-3 order-3 order-sm-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-sm" %}
  175.                             {% endif %}
  177.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  178.                             {% set logoClasses =                        "col-12 col-sm-auto col-xl-3 order-1 order-sm-4 #{marginStartClass}-sm-auto" %}
  179.                             {% set searchClasses =                      "col-12 order-5" %}
  180.                             {% set actionClasses =                      "col-auto order-3 order-sm-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-sm" %}
  181.                             {% set mainNavigationClasses =              "d-none d-xl-flex col-lg order-lg-2 justify-content-end" %}
  182.                             {% set mainNavigationToggleClasses =        "col-auto d-xl-none order-2" %}
  184.                             {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  185.                                 {% set actionClasses =                      "col-auto col-xl-3 order-3 order-sm-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-sm" %}
  186.                             {% endif %}
  188.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  189.                             {% set logoClasses =                        "col-12 col-sm-auto order-1 order-sm-4 #{marginStartClass}-sm-auto" %}
  190.                             {% set searchClasses =                      "col-12 order-5" %}
  191.                             {% set actionClasses =                      "col-auto order-3 order-sm-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-sm" %}
  192.                             {% set mainNavigationClasses =              "d-none" %}
  193.                             {% set mainNavigationToggleClasses =        "col-auto order-2" %}
  194.                         {% endif %}
  195.                     {% endif %}
  196.                 {% endif %}
  198.                 {# ... @zenit - multi lined header #}
  199.             {% elseif theme_config('zen-header-style') is same as ('multi-line') %}
  200.                 {# logo left #}
  201.                 {% if theme_config('zen-logo-position') is same as ('left') %}
  202.                     {# search default #}
  203.                     {% if theme_config('zen-search-style') is same as ('default') %}
  204.                         {# offcanvas style #}
  205.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  206.                             {% set logoClasses =                        "col-12 col-md-auto col-lg-3 order-1" %}
  207.                             {% set searchClasses =                      "col-12 col-sm-auto col-lg-6 order-4 order-sm-2 #{marginStartClass}-auto #{marginStartClass}-lg-0 #{marginEndClass}-lg-0" %}
  208.                             {% set actionClasses =                      "col-auto order-3 #{marginStartClass}-auto #{marginStartClass}-sm-0 #{marginStartClass}-lg-auto" %}
  209.                             {% set mainNavigationToggleClasses =        "col-auto d-lg-none order-2 order-md-3" %}
  211.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  212.                             {% set logoClasses =                        "col-12 col-md-auto col-xl-3 order-1" %}
  213.                             {% set searchClasses =                      "col-12 col-sm-auto col-xl-6 order-4 order-sm-2 #{marginStartClass}-auto #{marginStartClass}-xl-0 #{marginEndClass}-xl-0" %}
  214.                             {% set actionClasses =                      "col-auto order-3 #{marginStartClass}-auto #{marginStartClass}-sm-0 #{marginStartClass}-xl-auto" %}
  215.                             {% set mainNavigationToggleClasses =        "col-auto d-xl-none order-2 order-md-3" %}
  217.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  218.                             {% set logoClasses =                        "col-12 col-md-auto order-1" %}
  219.                             {% set searchClasses =                      "col-12 col-sm order-4 order-sm-2 #{marginStartClass}-auto #{marginStartClass}-sm-3" %}
  220.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0 #{marginStartClass}-xl-auto" %}
  221.                             {% set mainNavigationToggleClasses =        "col-auto order-2 order-md-3" %}
  222.                         {% endif %}
  223.                         {# search not default #}
  224.                     {% elseif theme_config('zen-search-style') is not same as ('default') %}
  225.                         {# offcanvas style #}
  226.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  227.                             {% set logoClasses =                        "col-12 col-sm-auto col-xl-3 order-1" %}
  228.                             {% set searchClasses =                      "col-12 order-5" %}
  229.                             {% set actionClasses =                      "col-auto col-xl-3 order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0 #{marginStartClass}-lg-auto" %}
  230.                             {% set mainNavigationToggleClasses =        "col-auto d-lg-none order-2 #{marginStartClass}-sm-auto" %}
  232.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  233.                             {% set logoClasses =                        "col-12 col-sm-auto col-xl-3 order-1" %}
  234.                             {% set searchClasses =                      "col-12 order-5" %}
  235.                             {% set actionClasses =                      "col-auto col-xl-3 order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0 #{marginStartClass}-xl-auto" %}
  236.                             {% set mainNavigationToggleClasses =        "col-auto d-xl-none order-2 #{marginStartClass}-sm-auto" %}
  238.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  239.                             {% set logoClasses =                        "col-12 col-sm-auto order-1" %}
  240.                             {% set searchClasses =                      "col-12 order-5" %}
  241.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  242.                             {% set mainNavigationToggleClasses =        "col-auto order-2 #{marginStartClass}-sm-auto" %}
  243.                         {% endif %}
  244.                     {% endif %}
  246.                     {# logo center #}
  247.                 {% elseif theme_config('zen-logo-position') is same as ('center') %}
  248.                     {# search default #}
  249.                     {% if theme_config('zen-search-style') is same as ('default') %}
  250.                         {# offcanvas style #}
  251.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  252.                             {% set logoClasses =                        "col-12 col-lg-4 pos-lg-center order-1 order-lg-2" %}
  253.                             {% set searchClasses =                      "col-12 col-sm-auto col-lg-2 order-4 order-sm-2 order-md-3 order-lg-1 #{marginStartClass}-auto #{marginStartClass}-lg-0" %}
  254.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0 #{marginStartClass}-lg-auto" %}
  255.                             {% set mainNavigationToggleClasses =        "col-auto d-lg-none order-2" %}
  257.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  258.                             {% set logoClasses =                        "col-12 col-xl-4 pos-xl-center order-1 order-lg-2" %}
  259.                             {% set searchClasses =                      "col-12 col-sm-auto col-lg-2 order-4 order-sm-2 order-md-3 order-xl-1 #{marginStartClass}-auto #{marginStartClass}-xl-0" %}
  260.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0 #{marginStartClass}-xl-auto" %}
  261.                             {% set mainNavigationToggleClasses =        "col-auto d-xl-none order-2" %}
  263.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  264.                             {% set logoClasses =                        "col-12 col-lg-auto pos-lg-center order-1 order-lg-3" %}
  265.                             {% set searchClasses =                      "col-12 col-sm-auto order-4 order-sm-3 order-lg-2 #{marginStartClass}-auto #{marginStartClass}-lg-0 #{marginEndClass}-lg-auto" %}
  266.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  267.                             {% set mainNavigationToggleClasses =        "col-auto order-2 order-lg-3" %}
  268.                         {% endif %}
  269.                         {# search not default #}
  270.                     {% elseif theme_config('zen-search-style') is not same as ('default') %}
  271.                         {# offcanvas style #}
  272.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  273.                             {% set logoClasses =                        "col-12 col-md-4 col-lg-4 pos-lg-center order-1 order-md-2 order-lg-1" %}
  274.                             {% set searchClasses =                      "col-12 order-5" %}
  275.                             {% set actionClasses =                      "col-auto order-3 #{marginStartClass}-auto" %}
  276.                             {% set mainNavigationToggleClasses =        "col-auto col-md-4 d-lg-none order-1" %}
  278.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  279.                             {% set logoClasses =                        "col-12 col-md-4 pos-xl-center order-1 order-md-2" %}
  280.                             {% set searchClasses =                      "col-12 order-5" %}
  281.                             {% set actionClasses =                      "col-auto order-3 #{marginStartClass}-auto" %}
  282.                             {% set mainNavigationToggleClasses =        "col-auto col-md-4 d-xl-none order-1" %}
  284.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  285.                             {% set logoClasses =                        "col-12 col-md-4 order-1 order-md-2 order-xl-2" %}
  286.                             {% set searchClasses =                      "col-12 order-5" %}
  287.                             {% set actionClasses =                      "col-auto order-3 #{marginStartClass}-auto" %}
  288.                             {% set mainNavigationToggleClasses =        "col-auto col-md-4 col-xl-4 order-1" %}
  289.                         {% endif %}
  290.                     {% endif %}
  292.                     {# logo right #}
  293.                 {% elseif theme_config('zen-logo-position') is same as ('right') %}
  294.                     {# search default #}
  295.                     {% if theme_config('zen-search-style') is same as ('default') %}
  296.                         {# offcanvas style #}
  297.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  298.                             {% set logoClasses =                        "col-12 col-md-auto order-1 order-md-4 #{marginStartClass}-md-auto" %}
  299.                             {% set searchClasses =                      "col-12 col-sm-auto col-lg-6 order-5 order-sm-3 order-lg-2 #{marginStartClass}-auto #{marginStartClass}-md-0" %}
  300.                             {% set actionClasses =                      "col-auto col-lg-3 order-4 order-md-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-md" %}
  301.                             {% set mainNavigationToggleClasses =        "col-auto d-lg-none order-2" %}
  303.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  304.                             {% set logoClasses =                        "col-12 col-md-auto order-1 order-md-4 #{marginStartClass}-md-auto" %}
  305.                             {% set searchClasses =                      "col-12 col-sm-auto col-xl-6 order-5 order-sm-3 order-lg-2 #{marginStartClass}-auto #{marginStartClass}-md-0" %}
  306.                             {% set actionClasses =                      "col-auto col-xl-3 order-4 order-md-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-md" %}
  307.                             {% 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 #{marginStartClass}-md-3" %}
  311.                             {% set searchClasses =                      "col-12 col-sm order-5 order-sm-3 order-lg-2 #{marginStartClass}-auto #{marginStartClass}-md-0" %}
  312.                             {% set actionClasses =                      "col-auto order-4 order-md-1 #{marginStartClass}-auto #{marginStartClass}-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 #{marginStartClass}-sm-auto" %}
  320.                             {% set searchClasses =                      "col-12 order-5" %}
  321.                             {% set actionClasses =                      "col-auto order-3 order-sm-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-sm" %}
  322.                             {% set mainNavigationToggleClasses =        "col-auto d-lg-none order-2" %}
  324.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  325.                             {% set logoClasses =                        "col-12 col-sm-auto col-xl-3 order-1 order-sm-4 #{marginStartClass}-sm-auto" %}
  326.                             {% set searchClasses =                      "col-12 order-5" %}
  327.                             {% set actionClasses =                      "col-auto order-3 order-sm-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-sm" %}
  328.                             {% set mainNavigationToggleClasses =        "col-auto d-xl-none order-2" %}
  330.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  331.                             {% set logoClasses =                        "col-12 col-sm-auto order-1 order-sm-4 #{marginStartClass}-sm-auto" %}
  332.                             {% set searchClasses =                      "col-12 order-5" %}
  333.                             {% set actionClasses =                      "col-auto order-3 order-sm-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-sm" %}
  334.                             {% set mainNavigationToggleClasses =        "col-auto order-2" %}
  335.                         {% endif %}
  336.                     {% endif %}
  337.                 {% endif %}
  339.                 {# ... @zenit - Two lined header #}
  340.             {% elseif theme_config('zen-header-style') is same as ('two-line') %}
  342.                 {# logo left #}
  343.                 {% if theme_config('zen-logo-position') is same as ('left') %}
  344.                     {# search default #}
  345.                     {% if theme_config('zen-search-style') is same as ('default') %}
  346.                         {# offcanvas style #}
  347.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  348.                             {% set logoClasses =                        "col-12 col-md-auto order-1" %}
  349.                             {% set searchClasses =                      "col-12 col-sm-auto order-4 order-sm-2 #{marginStartClass}-auto" %}
  350.                             {% set topBarClasses =                      "d-none d-lg-flex col-auto order-lg-3" %}
  351.                             {% set actionClasses =                      "col-auto order-3 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  352.                             {% set mainNavigationToggleClasses =        "col-auto d-lg-none order-2 order-md-3" %}
  354.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  355.                             {% set logoClasses =                        "col-12 col-md-auto order-1" %}
  356.                             {% set searchClasses =                      "col-12 col-sm-auto order-4 order-sm-2 #{marginStartClass}-auto" %}
  357.                             {% set topBarClasses =                      "d-none d-lg-flex col-auto order-lg-3" %}
  358.                             {% set actionClasses =                      "col-auto order-3 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  359.                             {% set mainNavigationToggleClasses =        "col-auto d-xl-none order-2 order-md-3" %}
  361.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  362.                             {% set logoClasses =                        "col-12 col-md-3 order-1" %}
  363.                             {% set searchClasses =                      "col-12 col-sm order-4 order-sm-2 col-md-6 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  364.                             {% set topBarClasses =                      "d-none" %}
  365.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  366.                             {% set mainNavigationToggleClasses =        "col-auto order-2 order-md-3 #{marginStartClass}-md-auto" %}
  367.                         {% endif %}
  368.                         {# search not default #}
  369.                     {% elseif theme_config('zen-search-style') is not same as ('default') %}
  370.                         {# offcanvas style #}
  371.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  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-lg-flex col-auto order-lg-3 #{marginStartClass}-auto" %}
  375.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  376.                             {% set mainNavigationToggleClasses =        "col-auto d-lg-none order-2 #{marginStartClass}-sm-auto" %}
  378.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  379.                             {% set logoClasses =                        "col-12 col-sm-auto col-xl-3 order-1" %}
  380.                             {% set searchClasses =                      "col-12 order-5" %}
  381.                             {% set topBarClasses =                      "d-none d-xl-flex col-auto order-lg-3 #{marginStartClass}-auto" %}
  382.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  383.                             {% set mainNavigationToggleClasses =        "col-auto d-xl-none order-2 #{marginStartClass}-sm-auto" %}
  385.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  386.                             {% set logoClasses =                        "col-12 col-sm-auto order-1" %}
  387.                             {% set searchClasses =                      "col-12 order-5" %}
  388.                             {% set topBarClasses =                      "d-none" %}
  389.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  390.                             {% set mainNavigationToggleClasses =        "col-auto order-2 #{marginStartClass}-sm-auto" %}
  391.                         {% endif %}
  392.                     {% endif %}
  394.                     {# logo center #}
  395.                 {% elseif theme_config('zen-logo-position') is same as ('center') %}
  396.                     {# search default #}
  397.                     {% if theme_config('zen-search-style') is same as ('default') %}
  398.                         {# offcanvas style #}
  399.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  400.                             {% set logoClasses =                        "col-12 col-lg-4 pos-lg-center order-1 order-lg-2" %}
  401.                             {% set searchClasses =                      "col-12 col-sm-auto col-lg-3 order-4 order-sm-2 order-md-3 order-lg-1 #{marginStartClass}-auto #{marginStartClass}-lg-0" %}
  402.                             {% set topBarClasses =                      "d-none d-lg-flex col-auto order-lg-3 #{marginStartClass}-auto" %}
  403.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  404.                             {% set mainNavigationToggleClasses =        "col-auto d-lg-none order-2" %}
  406.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  407.                             {% set logoClasses =                        "col-12 col-xl-4 pos-xl-center order-1 order-lg-2" %}
  408.                             {% set searchClasses =                      "col-12 col-sm-auto col-lg-3 order-4 order-sm-2 order-md-3 order-xl-1 #{marginStartClass}-auto #{marginStartClass}-xl-0" %}
  409.                             {% set topBarClasses =                      "d-none d-xl-flex col-auto order-xl-3 #{marginStartClass}-auto" %}
  410.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  411.                             {% set mainNavigationToggleClasses =        "col-auto d-xl-none order-2" %}
  413.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  414.                             {% set logoClasses =                        "col-12 col-lg-auto pos-lg-center order-1 order-lg-2" %}
  415.                             {% set searchClasses =                      "col-12 col-sm-auto order-4 order-sm-3 order-lg-2 #{marginStartClass}-auto #{marginStartClass}-lg-0 #{marginEndClass}-lg-auto" %}
  416.                             {% set topBarClasses =                      "d-none" %}
  417.                             {% set actionClasses =                      "col-auto order-3 order-md-4 #{marginStartClass}-auto #{marginStartClass}-sm-0" %}
  418.                             {% set mainNavigationToggleClasses =        "col-auto order-2 order-lg-3" %}
  419.                         {% endif %}
  420.                         {# search not default #}
  421.                     {% elseif theme_config('zen-logo-position') is same as ('center') %}
  422.                         {# offcanvas style #}
  423.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  424.                             {% set logoClasses =                        "col-12 col-md-4 col-lg-4 pos-lg-center order-1 order-md-2 order-lg-2" %}
  425.                             {% set searchClasses =                      "col-12 order-5" %}
  426.                             {% set topBarClasses =                      "d-none d-lg-flex col-auto order-lg-1" %}
  427.                             {% set actionClasses =                      "col-auto order-3 #{marginStartClass}-auto" %}
  428.                             {% set mainNavigationToggleClasses =        "col-auto col-md-4 d-lg-none order-1" %}
  430.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  431.                             {% set logoClasses =                        "col-12 col-md-4 pos-xl-center order-1 order-md-2" %}
  432.                             {% set searchClasses =                      "col-12 order-5" %}
  433.                             {% set topBarClasses =                      "d-none d-xl-flex col-auto order-xl-1" %}
  434.                             {% set actionClasses =                      "col-auto order-3 #{marginStartClass}-auto" %}
  435.                             {% set mainNavigationToggleClasses =        "col-auto col-md-4 d-xl-none order-1" %}
  437.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  438.                             {% set logoClasses =                        "col-12 col-md-4 order-1 order-md-2 order-xl-2" %}
  439.                             {% set searchClasses =                      "col-12 order-5" %}
  440.                             {% set topBarClasses =                      "d-none" %}
  441.                             {% set actionClasses =                      "col-auto order-3 #{marginStartClass}-auto" %}
  442.                             {% set mainNavigationToggleClasses =        "col-auto col-md-4 col-xl-4 order-1" %}
  443.                         {% endif %}
  444.                     {% endif %}
  446.                     {# logo right #}
  447.                 {% elseif theme_config('zen-logo-position') is same as ('right') %}
  448.                     {# search default #}
  449.                     {% if theme_config('zen-search-style') is same as ('default') %}
  450.                         {# offcanvas style #}
  451.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  452.                             {% set logoClasses =                        "col-12 col-md-auto order-1 order-md-4 #{marginStartClass}-md-auto" %}
  453.                             {% set searchClasses =                      "col-12 col-sm-auto order-5 order-sm-3 order-lg-2 #{marginStartClass}-auto #{marginStartClass}-md-0" %}
  454.                             {% set topBarClasses =                      "d-none d-lg-flex col-auto order-lg-2" %}
  455.                             {% set actionClasses =                      "col-auto order-4 order-md-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-md" %}
  456.                             {% set mainNavigationToggleClasses =        "col-auto d-lg-none order-2" %}
  458.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  459.                             {% set logoClasses =                        "col-12 col-md-auto order-1 order-md-4 #{marginStartClass}-md-auto" %}
  460.                             {% set searchClasses =                      "col-12 col-sm-auto order-5 order-sm-3 order-lg-2 #{marginStartClass}-auto #{marginStartClass}-md-0" %}
  461.                             {% set topBarClasses =                      "d-none d-xl-flex col-auto order-xl-2" %}
  462.                             {% set actionClasses =                      "col-auto order-4 order-md-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-md" %}
  463.                             {% set mainNavigationToggleClasses =        "col-auto d-xl-none order-2" %}
  465.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  466.                             {% set logoClasses =                        "col-12 col-md-auto order-1 order-md-4 #{marginStartClass}-md-auto" %}
  467.                             {% set searchClasses =                      "col-12 col-sm order-5 order-sm-3 order-lg-2 #{marginStartClass}-auto #{marginStartClass}-md-0" %}
  468.                             {% set topBarClasses =                      "d-none" %}
  469.                             {% set actionClasses =                      "col-auto order-4 order-md-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-md" %}
  470.                             {% set mainNavigationToggleClasses =        "col-auto order-2" %}
  471.                         {% endif %}
  472.                         {# search not default #}
  473.                     {% elseif theme_config('zen-search-style') is not same as ('default') %}
  474.                         {# offcanvas style #}
  475.                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  476.                             {% set logoClasses =                        "col-12 col-sm-auto col-xl-3 order-1 order-sm-4 #{marginStartClass}-sm-auto" %}
  477.                             {% set searchClasses =                      "col-12 order-5" %}
  478.                             {% set topBarClasses =                      "d-none d-lg-flex col-auto order-lg-2" %}
  479.                             {% set actionClasses =                      "col-auto order-3 order-sm-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-sm" %}
  480.                             {% set mainNavigationToggleClasses =        "col-auto d-lg-none order-2" %}
  482.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  483.                             {% set logoClasses =                        "col-12 col-sm-auto col-xl-3 order-1 order-sm-4 #{marginStartClass}-sm-auto" %}
  484.                             {% set searchClasses =                      "col-12 order-5" %}
  485.                             {% set topBarClasses =                      "d-none d-xl-flex col-auto order-xl-2" %}
  486.                             {% set actionClasses =                      "col-auto order-3 order-sm-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-sm" %}
  487.                             {% set mainNavigationToggleClasses =        "col-auto d-xl-none order-2 #{marginEndClass}-sm-auto #{marginEndClass}-xl-0" %}
  489.                         {% elseif theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  490.                             {% set logoClasses =                        "col-12 col-sm-auto order-1 order-sm-4 #{marginStartClass}-sm-auto" %}
  491.                             {% set searchClasses =                      "col-12 order-5" %}
  492.                             {% set topBarClasses =                      "d-none" %}
  493.                             {% set actionClasses =                      "col-auto order-3 order-sm-1 #{marginStartClass}-auto #{marginStartClass}-sm-0 reverse-sm" %}
  494.                             {% set mainNavigationToggleClasses =        "col-auto order-2" %}
  495.                         {% endif %}
  496.                     {% endif %}
  497.                 {% endif %}
  498.             {% endif %}
  500.             {# ... @zenit - single lined mobile headers #}
  501.             {% if theme_config('zen-header-style-mobile') is same as ('single-line') %}
  502.                 {# logo left, search default #}
  503.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') %}
  504.                     {% set logoClasses =                        logoClasses|replace({'col-12': 'col-auto'}) %}
  505.                     {% set actionClasses =                      actionClasses|replace({'#{marginStartClass}-auto': ''}) %}
  506.                     {% set mainNavigationToggleClasses =        mainNavigationToggleClasses|replace({'col-auto': 'col-auto #{marginStartClass}-auto #{marginStartClass}-sm-0', 'order-2': 'order-3'}) %}
  508.                     {# logo left, search not default #}
  509.                 {% elseif theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') %}
  510.                     {% set logoClasses =                        logoClasses|replace({'col-12': 'col-auto'}) %}
  511.                     {% set actionClasses =                      actionClasses|replace({'#{marginStartClass}-auto': ''}) %}
  512.                     {% set mainNavigationToggleClasses =        mainNavigationToggleClasses|replace({'#{marginStartClass}-sm-auto': '#{marginStartClass}-auto'}) %}
  514.                     {# logo center, search default #}
  515.                 {% elseif theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') %}
  516.                     {% set logoClasses =                        logoClasses|replace({'col-12': 'col-auto', 'pos-xl-center': 'pos-center', 'pos-lg-center': 'pos-center'}) %}
  517.                     {% set actionClasses =                      actionClasses|replace({'col-auto': 'col col-lg-auto'}) %}
  519.                     {% if theme_config('zen-header-style') is same as ('single-line') %}
  520.                         {% set searchClasses =                      searchClasses|replace({'col-sm-auto': 'col-sm-3 col-lg-auto', '#{marginStartClass}-auto': '#{marginStartClass}-xl-auto'}) %}
  521.                         {% set actionClasses =                      actionClasses|replace({'#{marginStartClass}-sm-0': '#{marginStartClass}-xl-0'}) %}
  522.                         {% set mainNavigationClasses =              mainNavigationClasses|replace({'d-lg-flex': 'd-xl-flex'}) %}
  523.                         {# ... @zenit - have to move the main navigation as offcanvas breakpoint #}
  524.                         {% set mainNavigationToggleClasses =        mainNavigationToggleClasses|replace({'d-lg-none': 'd-xl-none'}) %}
  525.                         {# ... @zenit - have to move the main navigation as offcanvas breakpoint #}
  526.                     {% elseif theme_config('zen-header-style') is same as ('multi-line') %}
  527.                         {% set searchClasses =                      searchClasses|replace({'col-sm-auto': 'col-sm-3 col-lg-auto', '#{marginStartClass}-auto': ''}) %}
  528.                         {% set actionClasses =                      actionClasses|replace({'#{marginStartClass}-sm-0': ''}) %}
  529.                     {% elseif theme_config('zen-header-style') is same as ('two-line') %}
  530.                         {% set searchClasses =                      searchClasses|replace({'col-sm-auto': 'col-sm-3 col-lg-auto', '#{marginStartClass}-auto': ''}) %}
  531.                         {% set actionClasses =                      actionClasses|replace({'#{marginStartClass}-sm-0': '#{marginStartClass}-xl-0'}) %}
  532.                     {% endif %}
  534.                     {# logo center, search not default #}
  535.                 {% elseif theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') %}
  536.                     {% set logoClasses =                        logoClasses|replace({'col-12': 'col-auto pos-center'}) %}
  537.                     {% set actionClasses =                      actionClasses|replace({'col-auto': 'col col-lg-auto'}) %}
  539.                     {% if theme_config('zen-header-style') is same as ('single-line') %}
  540.                         {% set mainNavigationClasses =              mainNavigationClasses|replace({'d-lg-flex': 'd-xl-flex'}) %}
  541.                         {# ... @zenit - have to move the main navigation as offcanvas breakpoint #}
  542.                         {% set mainNavigationToggleClasses =        mainNavigationToggleClasses|replace({'col-md-4':'col-auto', 'd-lg-none': 'd-xl-none'}) %}
  543.                         {# ... @zenit - have to move the main navigation as offcanvas breakpoint #}
  544.                     {% else %}
  545.                         {% set mainNavigationToggleClasses =        mainNavigationToggleClasses|replace({'col-md-4':'col-auto'}) %}
  546.                     {% endif %}
  548.                     {# logo right, search default #}
  549.                 {% elseif theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') %}
  550.                     {% set logoClasses =                        logoClasses|replace({'col-12': 'col-auto', 'order-1 order-md-4': 'order-4', '#{marginStartClass}-md-auto': '#{marginStartClass}-auto', '#{marginStartClass}-md-3': '#{marginStartClass}-3' }) %}
  551.                     {% set searchClasses =                      searchClasses|replace({'#{marginStartClass}-auto #{marginStartClass}-md-0': ''}) %}
  552.                     {% set actionClasses =                      actionClasses|replace({'#{marginStartClass}-auto #{marginStartClass}-sm-0': '', 'order-4 order-md-1': 'order-1', 'reverse-sm': 'reverse', 'reverse-md': 'reverse'}) %}
  554.                     {# logo right, search not default #}
  555.                 {% elseif theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') %}
  556.                     {% set logoClasses =                        logoClasses|replace({'col-12': 'col-auto', 'order-1 order-sm-4': 'order-4', '#{marginStartClass}-sm-auto': '#{marginStartClass}-auto'}) %}
  557.                     {% set actionClasses =                      actionClasses|replace({'#{marginStartClass}-auto #{marginStartClass}-sm-0': '', 'order-3 order-sm-1': 'order-1', 'reverse-sm': 'reverse', 'reverse-md': 'reverse'}) %}
  558.                 {% endif %}
  559.             {% endif %}
  561.             {# ... @zenit - modify zen-sticky-header to include the new xxl viewport #}
  562.             {% set stickyHeaderViewports =                      theme_config('zen-sticky-header') %}
  564.             {# @deprecated @zenit tag:v3.1.0 - Bootstrap v5 #}
  565.             {% if feature('v6.5.0.0') %}
  566.                 {% if 'XL' in stickyHeaderViewports %}
  567.                     {% set stickyHeaderViewports =              ['XXL']|merge(stickyHeaderViewports) %}
  568.                 {% endif %}
  569.             {% endif %}
  571.             {# sticky header js options #}
  572.             {% set stickyHeaderOptions = {
  573.                 viewports: stickyHeaderViewports,
  574.                 scrollOffset: theme_config('zen-sticky-header-offset'),
  575.                 autoHide: theme_config('zen-sticky-header-hide')
  576.             } %}
  578.             {# OVERRIDE STICKY HEADER #}
  579.             {% set stickyHeader = 'false' %}
  580.             {% set headerOpacity = zenCustomFields.category.zenit_gravity_category_header_bg_opacity|replace({'%': ''}) %}
  581.             {% set navigationOpacity = zenCustomFields.category.zenit_gravity_category_nav_main_opacity|replace({'%': ''}) %}
  583.             {# header classes array #}
  584.             {% set headerClasses = ['header-' ~ theme_config('zen-header-style'), 'header-' ~ theme_config('zen-header-style-mobile') ~ '-mobile', 'header-logo-' ~ theme_config('zen-logo-position')]%}
  585.             {% if (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) and zenCustomFields.category.zenit_gravity_category_header_position is empty or zenCustomFields.category.zenit_gravity_category_header_position is same as ('inherit') %}
  586.                 {% set headerClasses = ['header-pos-' ~ theme_config('zen-category-header-position')]|merge(headerClasses) %}
  587.             {% elseif (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) %}
  588.                 {% set headerClasses = ['header-pos-' ~ zenCustomFields.category.zenit_gravity_category_header_position]|merge(headerClasses) %}
  589.             {% endif %}
  591.             {# ... @zenit - checks if header got any opacity settings #}
  592.             {% if (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) %}
  593.                 {% if ( headerOpacity is not empty and headerOpacity is not same as ('inherit') and headerOpacity is not same as ('100') )
  594.                     or ( navigationOpacity is not empty and navigationOpacity is not same as ('inherit') and navigationOpacity is not same as ('100') ) %}
  595.                     {% set headerClasses = ['has-bg-opacity']|merge(headerClasses) %}
  596.                 {% elseif theme_config('zen-category-header-bg-opacity') is not same as ('100')
  597.                     or theme_config('zen-category-nav-main-opacity') is not same as ('100') %}
  598.                     {% set headerClasses = ['has-bg-opacity']|merge(headerClasses) %}
  599.                 {% endif %}
  600.             {% endif %}
  602.             {# nav header classes array #}
  603.             {% set navHeaderClasses = [] %}
  604.             {% if (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) and headerOpacity is empty or headerOpacity is same as ('inherit') %}
  605.                 {% set navHeaderClasses = ['bg-opacity-' ~ theme_config('zen-category-header-bg-opacity')]|merge(navHeaderClasses)  %}
  606.             {% elseif (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) %}
  607.                 {% set navHeaderClasses = ['bg-opacity-' ~ headerOpacity]|merge(navHeaderClasses) %}
  608.             {% endif %}
  610.             {# nav main classes array #}
  611.             {% set navMainClasses = [] %}
  612.             {% if (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) and navigationOpacity is empty or navigationOpacity is same as ('inherit') %}
  613.                 {% set navMainClasses = ['bg-opacity-' ~ theme_config('zen-category-nav-main-opacity')]|merge(navMainClasses) %}
  614.             {% elseif (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) %}
  615.                 {% set navMainClasses = ['bg-opacity-' ~ navigationOpacity]|merge(navMainClasses) %}
  616.             {% endif %}
  617.             {% if theme_config('zen-main-navigation-scroll') %}
  618.                 {% set navMainClasses = ['navbar-nav-scroll']|merge(navMainClasses) %}
  619.             {% endif %}
  621.             {# ... @zenit - theme script options #}
  622.             {% set headerTooltipOptions = {
  623.                 tooltipPlacement: theme_config('zen-shop-navigation-tooltips-placement')
  624.             } %}
  626.             <header class="header-main {{ headerClasses|join(' ') }}" data-zen-sticky-header="{{ stickyHeader }}" data-zen-sticky-header-options="{{ stickyHeaderOptions|json_encode }}" data-zen-header-tooltips="true" data-zen-header-tooltips-options="{{ headerTooltipOptions|json_encode }}">
  627.                 <div class="header-inner">
  628.                     {% block base_header_inner %}
  629.                         {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
  630.                     {% endblock %}
  632.                     {# ... @zenit - multi-line header navigation #}
  633.                     {% if theme_config('zen-header-style') is not same as ('single-line') %}
  634.                         {% block base_navigation %}
  635.                             <div class="nav-main {{ navMainClasses|join(' ') }}">
  636.                                 {% block base_navigation_inner %}
  637.                                     {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  638.                                 {% endblock %}
  639.                             </div>
  640.                         {% endblock %}
  641.                     {% endif %}
  642.                 </div>
  643.             </header>
  644.         {% endblock %}
  646.         {{ block('base_offcanvas_navigation') }}
  648.         {{ block('base_main') }}
  650.         {{ block('base_footer') }}
  652.     </div>
  653. {% endblock %}