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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  3. {# ... custom fields #}
  4. {% set zenCustomFields = {
  5.     category: page.header.navigation.active.translated.customFields,
  6.     product: page.product.translated.customFields
  7. } %}
  9. {# ... theme script options #}
  10. {% set zenthemeScriptOptions = {
  11.     hasTooltips: theme_config('zen-shop-navigation-tooltips'),
  12.     tooltipPlacement: theme_config('zen-shop-navigation-tooltips-placement')
  13. } %}
  15. {# ... body classes #}
  16. {% set bodyClasses = [] %}
  17. {% set bodyClasses = ['is-lo-' ~ theme_config('zen-layout-style')]|merge(bodyClasses) %}
  18. {% set bodyClasses = ['is-tb-' ~ theme_config('zen-top-bar-style')]|merge(bodyClasses) %}
  19. {% set bodyClasses = ['is-srch-' ~ theme_config('zen-search-style')]|merge(bodyClasses) %}
  20. {% set bodyClasses = ['is-mn-' ~ theme_config('zen-main-navigation-style')]|merge(bodyClasses) %}
  22. {% if zenCustomFields.category.zenit_sphere_category_classes is not empty %}
  23.     {% set bodyClasses = [zenCustomFields.category.zenit_sphere_category_classes]|merge(bodyClasses) %}
  24. {% endif %}
  26. {% if theme_config('zen-flyout-navigation-full-width') %}
  27.     {% set bodyClasses = ['is-flyout-fullscreen']|merge(bodyClasses) %}
  28. {% endif %}
  30. {% if theme_config('zen-layout-forms-floating-labels') %}
  31.     {% set bodyClasses = ['has-lbl-floating']|merge(bodyClasses) %}
  32. {% endif %}
  34. {% if config('zenitPlatformSphere.config.marketingActive') %}
  35.     {% set bodyClasses = ['has-marketing-slider']|merge(bodyClasses) %}
  36. {% endif %}
  38. {# ... gallery slider mode #}
  39. {% if zenCustomFields.product.zenit_sphere_gallery_mode is empty or zenCustomFields.product.zenit_sphere_gallery_mode is same as ('inherit') %}
  40.     {% set galleryMode = theme_config("zen-product-gallery-mode") %}
  41. {% else %}
  42.     {% set galleryMode = zenCustomFields.product.zenit_sphere_gallery_mode %}
  43. {% endif %}
  45. {#{% block base_html %}#}
  46. {#    {% dump %}#}
  48. {#    {{ parent() }}#}
  49. {#{% endblock %}#}
  51. {% block base_body_classes %}{{ parent() }} {{ bodyClasses|join(' ') }}{% endblock %}
  53. {% block base_body_inner %}
  55.     {{ block('base_noscript') }}
  57.     {% block zen_base_preloader %}
  58.         {% sw_include '@Storefront/storefront/layout/zen-preloader.html.twig' %}
  59.     {% endblock %}
  61.     <div class="page-wrapper"
  62.          data-zen-theme-scripts-options="{{ zenthemeScriptOptions|json_encode }}">
  64.         {% block base_header %}
  65.             {# ... single lined header #}
  66.             {% if theme_config('zen-header-style') is same as ('single-line') %}
  68.                 {# logo left, search default #}
  69.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  70.                     {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  71.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 ml-auto' %}
  72.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  73.                     {% set mainNavigationClasses =              'd-none d-lg-flex col-lg order-lg-2' %}
  74.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 order-md-3' %}
  75.                 {% endif %}
  77.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  78.                     {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  79.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 ml-auto' %}
  80.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  81.                     {% set mainNavigationClasses =              'd-none d-xl-flex col-xl order-lg-2' %}
  82.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 order-md-3' %}
  83.                 {% endif %}
  85.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  86.                     {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  87.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 ml-auto' %}
  88.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  89.                     {% set mainNavigationClasses =              'd-none' %}
  90.                     {% set mainNavigationToggleClasses =        'col-4 order-2 order-md-3 col-sm-auto' %}
  91.                 {% endif %}
  93.                 {# logo left, search not default #}
  94.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  95.                     {% set logoClasses =                        'col-12 col-sm-auto order-1' %}
  96.                     {% set searchClasses =                      'col-12 order-5' %}
  97.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  98.                     {% set mainNavigationClasses =              'd-none d-lg-flex col-lg order-lg-2 ' %}
  99.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 ml-sm-auto' %}
  101.                     {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  102.                         {% set logoClasses =                    'col-12 col-sm-auto col-xl-3 order-1' %}
  103.                         {% set actionClasses =                  'col-auto col-xl-3 order-3 order-md-4 ml-auto ml-sm-0' %}
  104.                     {% endif %}
  105.                 {% endif %}
  107.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  108.                     {% set logoClasses =                        'col-12 col-sm-auto order-1' %}
  109.                     {% set searchClasses =                      'col-12 order-5' %}
  110.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  111.                     {% set mainNavigationClasses =              'd-none d-xl-flex col-xl order-lg-2' %}
  112.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 ml-sm-auto' %}
  114.                     {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  115.                         {% set logoClasses =                    'col-12 col-sm-auto col-xl-3 order-1' %}
  116.                         {% set actionClasses =                  'col-auto col-xl-3 order-3 order-md-4 ml-auto ml-sm-0' %}
  117.                     {% endif %}
  118.                 {% endif %}
  120.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  121.                     {% set logoClasses =                        'col-12 col-sm-auto order-1' %}
  122.                     {% set searchClasses =                      'col-12 order-5' %}
  123.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  124.                     {% set mainNavigationClasses =              'd-none' %}
  125.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 ml-sm-auto' %}
  127.                     {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  128.                         {% set logoClasses =                    'col-12 col-sm-auto col-xl-3 order-1' %}
  129.                     {% endif %}
  130.                 {% endif %}
  132.                 {# logo center, search default #}
  133.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  134.                     {% set logoClasses =                        'col-12 pos-xl-center col-xl-2 order-1' %}
  135.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-md-3 order-lg-2 ml-auto' %}
  136.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  137.                     {% set mainNavigationClasses =              'd-none d-lg-flex col-lg col-xl-5 order-lg-2' %}
  138.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2' %}
  139.                 {% endif %}
  141.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  142.                     {% set logoClasses =                        'col-12 pos-lg-center col-lg-2 order-1' %}
  143.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-md-3 order-lg-2 ml-auto' %}
  144.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  145.                     {% set mainNavigationClasses =              'd-none d-xl-flex col-xl-5 order-lg-2' %}
  146.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2' %}
  147.                 {% endif %}
  149.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  150.                     {% set logoClasses =                        'col-12 col-lg-auto pos-lg-center order-1 order-lg-3' %} {# TODO: pos-lg-center better solution? #}
  151.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-md-3 order-lg-2 ml-auto' %}
  152.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  153.                     {% set mainNavigationClasses =              'd-none' %}
  154.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 order-lg-1' %}
  155.                 {% endif %}
  157.                 {# logo center, search not default #}
  158.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  159.                     {% set logoClasses =                        'col-12 col-md-4 col-lg-12 col-xl-2 order-1 order-md-2 order-lg-1 order-xl-2' %}
  160.                     {% set searchClasses =                      'col-12 order-5' %}
  161.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  162.                     {% set mainNavigationClasses =              'd-none d-lg-flex col-lg col-xl-5 order-lg-2 order-xl-1' %}
  163.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 d-lg-none order-1' %}
  164.                 {% endif %}
  166.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  167.                     {% set logoClasses =                        'col-12 col-md-4 col-xl-2 order-1 order-md-2' %}
  168.                     {% set searchClasses =                      'col-12 order-5' %}
  169.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  170.                     {% set mainNavigationClasses =              'd-none d-xl-flex col-xl-5 order-xl-1' %}
  171.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 d-xl-none order-1' %}
  172.                 {% endif %}
  174.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  175.                     {% set logoClasses =                        'col-12 col-md-4 col-xl-2 order-1 order-md-2 order-xl-2' %}
  176.                     {% set searchClasses =                      'col-12 order-5' %}
  177.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  178.                     {% set mainNavigationClasses =              'd-none' %}
  179.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 col-xl-5 order-1' %}
  180.                 {% endif %}
  182.                 {# logo right, search default #}
  183.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  184.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  185.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  186.                     {% set actionClasses =                      'col-auto order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  187.                     {% set mainNavigationClasses =              'd-none d-lg-flex col-lg order-lg-3 justify-content-end' %}
  188.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2' %}
  189.                 {% endif %}
  191.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  192.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  193.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  194.                     {% set actionClasses =                      'col-auto order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  195.                     {% set mainNavigationClasses =              'd-none d-xl-flex col-lg order-lg-3 justify-content-end' %}
  196.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2' %}
  197.                 {% endif %}
  199.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  200.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  201.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  202.                     {% set actionClasses =                      'col-auto order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  203.                     {% set mainNavigationClasses =              'd-none' %}
  204.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2' %}
  205.                 {% endif %}
  207.                 {# logo right, search not default #}
  208.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  209.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4' %}
  210.                     {% set searchClasses =                      'col-12 order-5' %}
  211.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  212.                     {% set mainNavigationClasses =              'd-none d-lg-flex col-lg order-lg-2 justify-content-end' %}
  213.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 mr-sm-auto' %}
  215.                     {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  216.                         {% set actionClasses =                  'col-auto col-xl-3 order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  217.                     {% endif %}
  218.                 {% endif %}
  220.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  221.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4' %}
  222.                     {% set searchClasses =                      'col-12 order-5' %}
  223.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  224.                     {% set mainNavigationClasses =              'd-none d-xl-flex col-lg order-lg-2 justify-content-end' %}
  225.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 mr-sm-auto' %}
  227.                     {% if theme_config('zen-main-navigation-align') is same as ('center') %}
  228.                         {% set actionClasses =                      'col-auto col-xl-3 order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  229.                     {% endif %}
  230.                 {% endif %}
  232.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  233.                     {% set logoClasses =                        'col-12 col-sm-auto order-1 order-sm-4' %}
  234.                     {% set searchClasses =                      'col-12 order-5' %}
  235.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  236.                     {% set mainNavigationClasses =              'd-none' %}
  237.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 mr-sm-auto' %}
  238.                 {% endif %}
  240.             {% endif %}
  242.             {# ... multi lined header #}
  243.             {% if theme_config('zen-header-style') is same as ('multi-line') %}
  245.                 {# logo left, search default #}
  246.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  247.                     {% set logoClasses =                        'col-12 col-md-auto col-lg-3 order-1' %}
  248.                     {% set searchClasses =                      'col-12 col-sm-auto col-lg-6 order-4 order-sm-2 ml-auto ml-lg-0 mr-lg-0' %}
  249.                     {% set actionClasses =                      'col-auto order-3 ml-auto ml-sm-0 ml-lg-auto' %}
  250.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 order-md-3' %}
  251.                 {% endif %}
  253.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  254.                     {% set logoClasses =                        'col-12 col-md-auto col-xl-3 order-1' %}
  255.                     {% set searchClasses =                      'col-12 col-sm-auto col-xl-6 order-4 order-sm-2 ml-auto ml-xl-0 mr-xl-0' %}
  256.                     {% set actionClasses =                      'col-auto order-3 ml-auto ml-sm-0 ml-xl-auto' %}
  257.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 order-md-3' %}
  258.                 {% endif %}
  260.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  261.                     {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  262.                     {% set searchClasses =                      'col-12 col-sm order-4 order-sm-2 ml-auto ml-sm-3' %}
  263.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0 ml-xl-auto' %}
  264.                     {% set mainNavigationToggleClasses =        'col-4 order-2 order-md-3 col-sm-auto' %}
  265.                 {% endif %}
  267.                 {# logo left, search not default #}
  268.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  269.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1' %}
  270.                     {% set searchClasses =                      'col-12 order-5' %}
  271.                     {% set actionClasses =                      'col-auto col-xl-3 order-3 order-md-4 ml-auto ml-sm-0 ml-lg-auto' %}
  272.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 ml-sm-auto' %}
  273.                 {% endif %}
  275.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  276.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1' %}
  277.                     {% set searchClasses =                      'col-12 order-5' %}
  278.                     {% set actionClasses =                      'col-auto col-xl-3 order-3 order-md-4 ml-auto ml-sm-0 ml-xl-auto' %}
  279.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 ml-sm-auto' %}
  280.                 {% endif %}
  282.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  283.                     {% set logoClasses =                        'col-12 col-sm-auto order-1' %}
  284.                     {% set searchClasses =                      'col-12 order-5' %}
  285.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  286.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 ml-sm-auto' %}
  287.                 {% endif %}
  289.                 {# logo center, search default #}
  290.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  291.                     {% set logoClasses =                        'col-12 col-lg-4 pos-lg-center order-1 order-lg-2' %}
  292.                     {% 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' %}
  293.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0 ml-lg-auto' %}
  294.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2' %}
  295.                 {% endif %}
  297.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  298.                     {% set logoClasses =                        'col-12 col-xl-4 pos-xl-center order-1 order-lg-2' %}
  299.                     {% 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' %}
  300.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0 ml-xl-auto' %}
  301.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2' %}
  302.                 {% endif %}
  304.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  305.                     {% set logoClasses =                        'col-12 col-lg-auto pos-lg-center order-1 order-lg-3' %} {# TODO: pos-lg-center better solution? #}
  306.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-3 order-lg-2 ml-auto ml-lg-0 mr-lg-auto' %}
  307.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  308.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 order-lg-3' %}
  309.                 {% endif %}
  311.                 {# logo center, search not default #}
  312.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  313.                     {% set logoClasses =                        'col-12 col-md-4 col-lg-4 pos-lg-center order-1 order-md-2 order-lg-1' %}
  314.                     {% set searchClasses =                      'col-12 order-5' %}
  315.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  316.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 d-lg-none order-1' %}
  317.                 {% endif %}
  319.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  320.                     {% set logoClasses =                        'col-12 col-md-4 pos-xl-center order-1 order-md-2' %}
  321.                     {% set searchClasses =                      'col-12 order-5' %}
  322.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  323.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 d-xl-none order-1' %}
  324.                 {% endif %}
  326.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  327.                     {% set logoClasses =                        'col-12 col-md-4 order-1 order-md-2 order-xl-2' %}
  328.                     {% set searchClasses =                      'col-12 order-5' %}
  329.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  330.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 col-xl-4 order-1' %}
  331.                 {% endif %}
  333.                 {# logo right, search default #}
  334.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  335.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  336.                     {% set searchClasses =                      'col-12 col-sm-auto col-lg-6 order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  337.                     {% set actionClasses =                      'col-auto col-lg-3 order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  338.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2' %}
  339.                 {% endif %}
  341.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  342.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  343.                     {% set searchClasses =                      'col-12 col-sm-auto col-xl-6 order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  344.                     {% set actionClasses =                      'col-auto col-xl-3 order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  345.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2' %}
  346.                 {% endif %}
  348.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  349.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  350.                     {% set searchClasses =                      'col-12 col-sm order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-3' %}
  351.                     {% set actionClasses =                      'col-auto order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  352.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2' %}
  353.                 {% endif %}
  355.                 {# logo right, search not default #}
  356.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  357.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4' %}
  358.                     {% set searchClasses =                      'col-12 order-5' %}
  359.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 mr-lg-auto reverse-sm' %}
  360.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 mr-sm-auto' %}
  361.                 {% endif %}
  363.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  364.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4' %}
  365.                     {% set searchClasses =                      'col-12 order-5' %}
  366.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 mr-xl-auto reverse-sm' %}
  367.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 mr-sm-auto' %}
  368.                 {% endif %}
  370.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  371.                     {% set logoClasses =                        'col-12 col-sm-auto order-1 order-sm-4' %}
  372.                     {% set searchClasses =                      'col-12 order-5' %}
  373.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  374.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 mr-sm-auto' %}
  375.                 {% endif %}
  377.             {% endif %}
  379.             {# ... Two lined header #}
  380.             {% if theme_config('zen-header-style') is same as ('two-line') %}
  382.                 {# logo left, search default #}
  383.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  384.                     {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  385.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 ml-auto' %}
  386.                     {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-3' %}
  387.                     {% set actionClasses =                      'col-auto order-3 ml-auto ml-sm-0' %}
  388.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 order-md-3' %}
  389.                 {% endif %}
  391.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  392.                     {% set logoClasses =                        'col-12 col-md-auto order-1' %}
  393.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 ml-auto' %}
  394.                     {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-3' %}
  395.                     {% set actionClasses =                      'col-auto order-3 ml-auto ml-sm-0' %}
  396.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 order-md-3' %}
  397.                 {% endif %}
  399.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  400.                     {% set logoClasses =                        'col-12 col-md-3 order-1' %}
  401.                     {% set searchClasses =                      'col-12 col-sm order-4 order-sm-2 col-md-6 ml-auto ml-sm-0' %}
  402.                     {% set topBarClasses =                      'd-none' %}
  403.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  404.                     {% set mainNavigationToggleClasses =        'col-4 order-2 order-md-3 col-sm-auto ml-md-auto' %}
  405.                 {% endif %}
  407.                 {# logo left, search not default #}
  408.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  409.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1' %}
  410.                     {% set searchClasses =                      'col-12 order-5' %}
  411.                     {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-3 ml-auto' %}
  412.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  413.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 ml-sm-auto' %}
  414.                 {% endif %}
  416.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  417.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1' %}
  418.                     {% set searchClasses =                      'col-12 order-5' %}
  419.                     {% set topBarClasses =                      'd-none d-xl-flex col-auto order-lg-3 ml-auto' %}
  420.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  421.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 ml-sm-auto' %}
  422.                 {% endif %}
  424.                 {% if theme_config('zen-logo-position') is same as ('left') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  425.                     {% set logoClasses =                        'col-12 col-sm-auto order-1' %}
  426.                     {% set searchClasses =                      'col-12 order-5' %}
  427.                     {% set topBarClasses =                      'd-none' %}
  428.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  429.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 ml-sm-auto' %}
  430.                 {% endif %}
  432.                 {# logo center, search default #}
  433.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  434.                     {% set logoClasses =                        'col-12 col-lg-4 pos-lg-center order-1 order-lg-2' %}
  435.                     {% 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' %}
  436.                     {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-3 ml-auto' %}
  437.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  438.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2' %}
  439.                 {% endif %}
  441.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  442.                     {% set logoClasses =                        'col-12 col-xl-4 pos-xl-center order-1 order-lg-2' %}
  443.                     {% 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' %}
  444.                     {% set topBarClasses =                      'd-none d-xl-flex col-auto order-xl-3 ml-auto' %}
  445.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  446.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2' %}
  447.                 {% endif %}
  449.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  450.                     {% set logoClasses =                        'col-12 col-lg-auto pos-lg-center order-1 order-lg-2' %} {# TODO: pos-lg-center better solution? #}
  451.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-3 order-lg-2 ml-auto ml-lg-0 mr-lg-auto' %}
  452.                     {% set topBarClasses =                      'd-none' %}
  453.                     {% set actionClasses =                      'col-auto order-3 order-md-4 ml-auto ml-sm-0' %}
  454.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 order-lg-3' %}
  455.                 {% endif %}
  457.                 {# logo center, search not default #}
  458.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  459.                     {% set logoClasses =                        'col-12 col-md-4 col-lg-4 pos-lg-center order-1 order-md-2 order-lg-2' %}
  460.                     {% set searchClasses =                      'col-12 order-5' %}
  461.                     {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-1' %}
  462.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  463.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 d-lg-none order-1' %}
  464.                 {% endif %}
  466.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  467.                     {% set logoClasses =                        'col-12 col-md-4 pos-xl-center order-1 order-md-2' %}
  468.                     {% set searchClasses =                      'col-12 order-5' %}
  469.                     {% set topBarClasses =                      'd-none d-xl-flex col-auto order-xl-1' %}
  470.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  471.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 d-xl-none order-1' %}
  472.                 {% endif %}
  474.                 {% if theme_config('zen-logo-position') is same as ('center') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  475.                     {% set logoClasses =                        'col-12 col-md-4 order-1 order-md-2 order-xl-2' %}
  476.                     {% set searchClasses =                      'col-12 order-5' %}
  477.                     {% set topBarClasses =                      'd-none' %}
  478.                     {% set actionClasses =                      'col-auto order-3 ml-auto' %}
  479.                     {% set mainNavigationToggleClasses =        'col-4 col-md-4 col-xl-4 order-1' %}
  480.                 {% endif %}
  482.                 {# logo right, search default #}
  483.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  484.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  485.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  486.                     {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-2' %}
  487.                     {% set actionClasses =                      'col-auto order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  488.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2' %}
  489.                 {% endif %}
  491.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  492.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  493.                     {% set searchClasses =                      'col-12 col-sm-auto order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  494.                     {% set topBarClasses =                      'd-none d-xl-flex col-auto order-xl-2' %}
  495.                     {% set actionClasses =                      'col-auto order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  496.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2' %}
  497.                 {% endif %}
  499.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  500.                     {% set logoClasses =                        'col-12 col-md-auto order-1 order-md-4' %}
  501.                     {% set searchClasses =                      'col-12 col-sm order-4 order-sm-2 order-lg-2 ml-auto ml-md-0 mr-md-auto' %}
  502.                     {% set topBarClasses =                      'd-none' %}
  503.                     {% set actionClasses =                      'col-auto order-3 order-md-1 ml-auto ml-sm-0 reverse-md' %}
  504.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2' %}
  505.                 {% endif %}
  507.                 {# logo right, search not default #}
  508.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-md') %}
  509.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4' %}
  510.                     {% set searchClasses =                      'col-12 order-5' %}
  511.                     {% set topBarClasses =                      'd-none d-lg-flex col-auto order-lg-2 mr-lg-auto' %}
  512.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  513.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-lg-none order-2 mr-sm-auto mr-lg-0' %}
  514.                 {% endif %}
  516.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-lg') %}
  517.                     {% set logoClasses =                        'col-12 col-sm-auto col-xl-3 order-1 order-sm-4' %}
  518.                     {% set searchClasses =                      'col-12 order-5' %}
  519.                     {% set topBarClasses =                      'd-none d-xl-flex col-auto order-xl-2 mr-xl-auto' %}
  520.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  521.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto d-xl-none order-2 mr-sm-auto mr-xl-0' %}
  522.                 {% endif %}
  524.                 {% if theme_config('zen-logo-position') is same as ('right') and theme_config('zen-search-style') is not same as ('default') and theme_config('zen-main-navigation-style') is same as ('offcanvas-xl') %}
  525.                     {% set logoClasses =                        'col-12 col-sm-auto order-1 order-sm-4' %}
  526.                     {% set searchClasses =                      'col-12 order-5' %}
  527.                     {% set topBarClasses =                      'd-none' %}
  528.                     {% set actionClasses =                      'col-auto order-3 order-sm-1 ml-auto ml-sm-0 reverse-sm' %}
  529.                     {% set mainNavigationToggleClasses =        'col-4 col-sm-auto order-2 mr-sm-auto' %}
  530.                 {% endif %}
  532.             {% endif %}
  534.             {# sticky header js options #}
  535.             {% set stickyHeaderOptions = {
  536.                 viewports: theme_config('zen-sticky-header'),
  537.                 scrollOffset: theme_config('zen-sticky-header-offset'),
  538.                 autoHide: theme_config('zen-sticky-header-hide')
  539.             } %}
  540.             {% set stickyHeader = theme_config('zen-sticky-header') ? 'true' : 'false' %}
  541.             {% set headerOpacity = zenCustomFields.category.zenit_sphere_category_header_bg_opacity|replace({'%': ''}) %}
  542.             {% set navigationOpacity = zenCustomFields.category.zenit_sphere_category_nav_main_opacity|replace({'%': ''}) %}
  544.             {# header classes array #}
  545.             {% set headerClasses = ['header-' ~ theme_config('zen-header-style'), 'header-logo-' ~ theme_config('zen-logo-position')]%}
  546.             {% if (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) and zenCustomFields.category.zenit_sphere_category_header_position is empty or zenCustomFields.category.zenit_sphere_category_header_position is same as ('inherit') %}
  547.                 {% set headerClasses = ['header-pos-' ~ theme_config('zen-category-header-position')]|merge(headerClasses) %}
  548.             {% elseif (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) %}
  549.                 {% set headerClasses = ['header-pos-' ~ zenCustomFields.category.zenit_sphere_category_header_position]|merge(headerClasses) %}
  550.             {% endif %}
  552.             {# ... checks if header got any opacity settings #}
  553.             {% if (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) %}
  554.                 {% if ( headerOpacity is not empty and headerOpacity is not same as ('inherit') and headerOpacity is not same as ('100') )
  555.                     or ( navigationOpacity is not empty and navigationOpacity is not same as ('inherit') and navigationOpacity is not same as ('100') ) %}
  556.                     {% set headerClasses = ['has-bg-opacity']|merge(headerClasses) %}
  557.                 {% elseif theme_config('zen-category-header-bg-opacity') is not same as ('100')
  558.                     or theme_config('zen-category-nav-main-opacity') is not same as ('100') %}
  559.                     {% set headerClasses = ['has-bg-opacity']|merge(headerClasses) %}
  560.                 {% endif %}
  561.             {% endif %}
  563.             {# nav header classes array #}
  564.             {% set navHeaderClasses = [] %}
  565.             {% if (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) and headerOpacity is empty or headerOpacity is same as ('inherit') %}
  566.                 {% set navHeaderClasses = ['bg-opacity-' ~ theme_config('zen-category-header-bg-opacity')]|merge(navHeaderClasses)  %}
  567.             {% elseif (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) %}
  568.                 {% set navHeaderClasses = ['bg-opacity-' ~ headerOpacity]|merge(navHeaderClasses) %}
  569.             {% endif %}
  571.             {# nav main classes array #}
  572.             {% set navMainClasses = []%}
  573.             {% if (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) and navigationOpacity is empty or navigationOpacity is same as ('inherit') %}
  574.                 {% set navMainClasses = ['bg-opacity-' ~ theme_config('zen-category-nav-main-opacity')]|merge(navMainClasses) %}
  575.             {% elseif (controllerName|lower is same as ('navigation') or controllerName|lower is same as ('landingpage')) %}
  576.                 {% set navMainClasses = ['bg-opacity-' ~ navigationOpacity]|merge(navMainClasses) %}
  577.             {% endif %}
  578.             {% if theme_config('zen-main-navigation-scroll') and theme_config('zen-main-navigation-subnavigation-style') is not same as ('dropdown') %}
  579.                 {% set navMainClasses = ['navbar-nav-scroll']|merge(navMainClasses) %}
  580.             {% endif %}
  582.             <header class="header-main {{ headerClasses|join(' ') }}"
  583.                     data-sticky="{{ stickyHeader }}"
  584.                     data-zen-sticky-header-options="{{ stickyHeaderOptions|json_encode }}">
  585.                 <div class="header-inner">
  586.                     {% block base_header_inner %}
  587.                         {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
  588.                     {% endblock %}
  590.                     {# ... multi-line header navigation #}
  591.                     {% if theme_config('zen-header-style') is not same as ('single-line') %}
  592.                         {% block base_navigation %}
  593.                             <div class="nav-main {{ navMainClasses|join(' ') }}">
  594.                                 {% block base_navigation_inner %}
  595.                                     {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  596.                                 {% endblock %}
  597.                             </div>
  598.                         {% endblock %}
  599.                     {% endif %}
  600.                 </div>
  601.             </header>
  602.         {% endblock %}
  604.         {{ block('base_offcanvas_navigation') }}
  606.         {{ block('base_main') }}
  608.         {{ block('base_footer') }}
  609.     </div>
  610. {% endblock %}
  612. {% block base_breadcrumb %}
  613.     {# ... checks if custom zenit-breadcrumb is in use #}
  614.     {% set defaultBreadcrumbs = true %}
  615.     {% for section in page.cmsPage.sections %}
  616.         {% for block in section.blocks %}
  617.             {% if block.type is same as ('zenit-breadcrumb') %}
  618.                 {% set defaultBreadcrumbs = false %}
  619.             {% endif %}
  620.         {% endfor %}
  621.     {% endfor %}
  623.     {% if defaultBreadcrumbs %}
  624.         <div class="breadcrumb-wrap base-breadcrumb justify-content-{{ theme_config('zen-breadcrumbs-align')|replace({'flex-': ''}) }}">
  625.             {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
  626.                 context: context,
  627.                 category: page.product.seoCategory
  628.             } only %}
  629.         </div>
  630.     {% endif %}
  631. {% endblock %}
  633. {% block base_script_hmr_mode %}
  634.     {{ parent() }}
  636.     {% block zen_base_theme_js_files %}
  637.         {% if config('zenitPlatformSphere.config.customJsFilesActive') %}
  638.             {{ config('zenitPlatformSphere.config.customJsFiles')|raw }}
  639.         {% endif %}
  640.     {% endblock %}
  642.     {% block zen_base_theme_js_custom %}
  643.         {% if config('zenitPlatformSphere.config.customJsActive') %}
  644.             {{ config('zenitPlatformSphere.config.customJs')|raw }}
  645.         {% endif %}
  646.     {% endblock %}
  648.     {% block zen_base_webfont %}
  649.         {# Fonts implementation checks if has custom fonts to load #}
  650.         {% set hasCustomBaseFont = theme_config('zen-font-family-base-default') is null or theme_config('zen-font-family-base-default') is same as ('custom') %}
  651.         {% set hasCustomHeadlineFont = theme_config('zen-font-family-headline-default') is null or theme_config('zen-font-family-headline-default') is same as ('custom') %}
  653.         {% if theme_config('sw-font-family-base') and hasCustomBaseFont %}
  654.             {% set fontFamilyBase = theme_config('sw-font-family-base')|replace({' ':'+'})|split('\'')[1] ~ ':' ~ theme_config('zen-font-family-base-weight')|join(',') %}
  655.         {% endif %}
  657.         {% if theme_config('sw-font-family-headline') and hasCustomHeadlineFont %}
  658.             {% set fontFamilyHeadline = theme_config('sw-font-family-headline')|replace({' ':'+'})|split('\'')[1] ~ ':' ~ theme_config('zen-font-family-headline-weight')|join(',') %}
  659.         {% endif %}
  661.         {# Avoid double implementation when base and headline fonts are the same #}
  662.         {% if theme_config('sw-font-family-base') is same as (theme_config('sw-font-family-headline')) %}
  663.             {% if hasCustomBaseFont %}
  664.                 {% set fontFamilyHeadline = '' %}
  665.             {% elseif hasCustomHeadlineFont %}
  666.                 {% set fontFamilyBase = '' %}
  667.             {% endif %}
  669.             {% for weight in theme_config('zen-font-family-headline-weight') %}
  670.                 {% if weight not in theme_config('zen-font-family-base-weight') %}
  671.                     {% set fontFamilyBase = fontFamilyBase ~ ',' ~ weight %}
  672.                 {% endif %}
  673.             {% endfor %}
  674.         {% endif %}
  676.         {# Google Webfont Loader #}
  677.         {% block zen_base_webfont_loader %}
  678.             {% if theme_config('zen-font-family-import') and (hasCustomBaseFont or hasCustomHeadlineFont) %}
  679.                 {# ... check if it is app environment or not #}
  680.                 {% if context.context.extensions['zenitPlatformSphere'].system is not defined %}
  681.                     {% set loader = asset('bundles/zenitplatformsphere/assets/font/webfont.js') %}
  682.                 {% else %}
  683.                     {% set loader = asset('bundles/zenitplatformsphere/storefront/assets/font/webfont.js') %}
  684.                 {% endif %}
  686.                 {# ... theme script options #}
  687.                 {% set zenGoogleFontsOptions = {
  688.                     checkCookie: config('zenitPlatformSphere.config.googleFontsCookie'),
  689.                     webfontLoaderUrl: loader,
  690.                     zenthemeFontFamilyBase: fontFamilyBase,
  691.                     zenthemeFontFamilyHeadline: fontFamilyHeadline
  692.                 } %}
  694.                 <template data-google-fonts="true" data-zen-google-fonts-options="{{ zenGoogleFontsOptions|json_encode }}"></template>
  695.             {% endif %}
  696.         {% endblock %}
  697.     {% endblock %}
  699.     {# Cookie Banner #}
  700.     {% block zen_base_cookie_banner_config %}
  701.         <script data-plugin="zenitSphere">
  702.             window.zenCookieBannerStyle = '{{ theme_config('zen-cookie-banner-style') }}'
  703.         </script>
  704.     {% endblock %}
  706. {% endblock %}