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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/header/header.html.twig' %}
  3. {% block layout_header %}
  4.     {% set topBarStyle = theme_config('zen-top-bar-style') %}
  5.     {% if theme_config('zen-top-bar-style') is same as ('hidden') and (page.header.languages.count > 1 or page.header.currencies.count > 1 or config('zenitPlatformHorizon.config.marketingActive')) %}
  6.         {% set topBarStyle = 'offcanvas' %}
  7.     {% else %}
  8.         {% set topBarStyle = theme_config('zen-top-bar-style') %}
  9.     {% endif %}
  11.     {% block layout_top_bar %}
  12.         {% if topBarStyle is same as('offcanvas') %}
  13.             {% if theme_config('zen-header-style') is not same as ('two-line') or (theme_config('zen-header-style') is same as ('two-line') and config('zenitPlatformHorizon.config.marketingActive')) %}
  14.                 <div class="d-none js-top-bar-offcanvas-initial-content">
  15.                     {% sw_include '@zenitPlatformHorizon/storefront/layout/header/zen-top-bar-offcanvas.html.twig' with {topBarStyle: topBarStyle} %}
  16.                 </div>
  17.             {% endif %}
  18.         {% else %}
  19.             {% if theme_config('zen-header-style') is not same as ('two-line') or (theme_config('zen-header-style') is same as ('two-line') and config('zenitPlatformHorizon.config.marketingActive')) %}
  20.                 <div class="collapse{% if topBarStyle is same as ('collapsible') or topBarStyle is same as ('default') %} show{% endif %}"
  21.                      id="topBarCollapse">
  22.                     {% sw_include '@Storefront/storefront/layout/header/top-bar.html.twig' with {topBarStyle: topBarStyle} %}
  23.                 </div>
  24.             {% endif %}
  25.         {% endif %}
  26.     {% endblock %}
  28.     {% block layout_header_navigation %}
  29.         <div class="nav-header {{ navHeaderClasses|join(' ') }}">
  30.             <div class="container">
  31.                 {# @deprecated @zenit tag:v3.1.0 - Bootstrap v5 #}
  32.                 <div class="header-row row{% if feature('v6.5.0.0') %} gx-1{% else %} header-gutters{% endif %} align-items-center {{ headerRowClasses }}">
  33.                     {% block layout_header_logo %}
  34.                         <div class="header-logo-col {{ logoClasses }}">
  35.                             {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  36.                         </div>
  37.                     {% endblock %}
  39.                     {% if theme_config('zen-header-style') is same as ('single-line') %}
  40.                         {% block layout_header_main_navigation %}
  41.                             <div class="header-nav-col nav-main {{ mainNavigationClasses }} {{ navMainClasses|join(' ') }}">
  42.                                 {% block layout_header_main_navigation_inner %}
  43.                                     {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  44.                                 {% endblock %}
  45.                             </div>
  46.                         {% endblock %}
  47.                     {% endif %}
  49.                     {% if theme_config('zen-header-style') is same as ('two-line') %}
  50.                         {% block zen_layout_header_top_bar %}
  51.                             <div class="header-top-bar-col {{ topBarClasses }}">
  52.                                 <div class="row {{ gridNoGuttersClass }}">
  53.                                     {% block zen_layout_navigation_offcanvas_navigation_action_language %}
  54.                                         {% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' %}
  55.                                     {% endblock %}
  57.                                     {% block zen_layout_navigation_offcanvas_navigation_action_currency %}
  58.                                         {% sw_include '@Storefront/storefront/layout/header/actions/currency-widget.html.twig' %}
  59.                                     {% endblock %}
  61.                                     {% block zen_layout_navigation_offcanvas_navigation_action_service %}
  62.                                         {% sw_include '@Storefront/storefront/layout/header/actions/service-menu-widget.html.twig' %}
  63.                                     {% endblock %}
  64.                                 </div>
  65.                             </div>
  66.                         {% endblock %}
  67.                     {% endif %}
  69.                     {% block layout_header_navigation_toggle %}
  70.                         <div class="header-menu-button {{ mainNavigationToggleClasses }}"
  71.                              data-zen-tooltip-title="{{ "general.menuLink"|trans|striptags }}">
  72.                             {{ block('layout_header_navigation_toggle_button') }}
  73.                         </div>
  74.                     {% endblock %}
  76.                     {% block layout_header_search %}
  77.                         {% if theme_config('zen-search-style') is not same as('expandable') %}
  78.                             <div class="header-search-col {{ searchClasses }}">
  80.                                 {% if theme_config('zen-search-style') is same as('overlay') %}
  81.                                     {% block zen_layout_header_search_overlay_close %}
  82.                                         <button class="d-none js-overlay-close"
  83.                                                 type="button"
  84.                                                 aria-label="Close">
  85.                                             {% block zen_layout_header_search_overlay_close_icon %}
  86.                                                 {% sw_icon 'x' style { 'size': 'lg' } %}
  87.                                             {% endblock %}
  88.                                         </button>
  89.                                     {% endblock %}
  90.                                 {% endif %}
  92.                                 {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  93.                             </div>
  94.                         {% endif %}
  95.                     {% endblock %}
  97.                     {% block layout_header_actions %}
  98.                         <div class="header-actions-col {{ actionClasses }}">
  99.                             {# @deprecated @zenit tag:v3.1.0 - Bootstrap v5 #}
  100.                             <div class="row{% if feature('v6.5.0.0') %} gx-1{% else %} no-gutters{% endif %}{% if theme_config('zen-logo-position') is not same as ('right') %} justify-content-end{% endif %}">
  101.                                 {% block layout_header_search_toggle %}
  102.                                     <div class="col-auto{% if theme_config('zen-search-style') is same as('default') %} d-sm-none{% endif %}{% if theme_config('zen-header-style-mobile') is same as ('single-line') and theme_config('zen-logo-position') is same as ('center') %} {{ marginEndClass }}-auto{% endif %}">
  103.                                         <div class="search-toggle"
  104.                                              data-zen-tooltip-title="{{ "header.searchButton"|trans|striptags }}">
  105.                                             <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  106.                                                     type="button"
  107.                                                     {% if theme_config('zen-search-style') is same as('overlay') %}
  108.                                                         data-zen-toggle="overlay"
  109.                                                     {% else %}
  110.                                                         {{ dataBsToggleAttr }}="collapse"
  111.                                                         {{ dataBsTargetAttr }}="#searchCollapse"
  112.                                                         aria-expanded="false"
  113.                                                         aria-controls="searchCollapse"
  114.                                                     {% endif %}
  115.                                                     aria-label="{{ "header.searchButton"|trans|striptags }}">
  116.                                                 {% sw_icon 'search' %}
  117.                                                 {% sw_icon 'x' style { 'class': 'search-close d-none' } %}
  118.                                             </button>
  119.                                         </div>
  120.                                     </div>
  121.                                 {% endblock %}
  123.                                 {% if config('core.cart.wishlistEnabled') %}
  124.                                     {% block layout_header_actions_wishlist %}
  125.                                         <div class="col-auto">
  126.                                             <div class="header-wishlist"
  127.                                                  data-zen-tooltip-title="{{ "header.wishlist"|trans|striptags }}">
  128.                                                 <a class="btn header-wishlist-btn header-actions-btn"
  129.                                                    href="{{ path('frontend.wishlist.page') }}"
  130.                                                    title="{{ 'header.wishlist'|trans|striptags }}"
  131.                                                    aria-label="{{ 'header.wishlist'|trans|striptags }}">
  132.                                                     {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
  133.                                                 </a>
  134.                                             </div>
  135.                                         </div>
  136.                                     {% endblock %}
  137.                                 {% endif %}
  139.                                 {% block layout_header_actions_account %}
  140.                                     <div class="col-auto">
  141.                                         <div class="account-menu"
  142.                                              data-zen-tooltip-title="{{ "account.myAccount"|trans|striptags }}">
  143.                                             {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  144.                                         </div>
  145.                                     </div>
  146.                                 {% endblock %}
  148.                                 {% block layout_header_actions_cart %}
  149.                                     <div class="col-auto">
  150.                                         <div class="header-cart"
  151.                                              data-offcanvas-cart="true"
  152.                                              data-zen-tooltip-title="{{ "checkout.cartTitle"|trans|striptags }}">
  153.                                             <a class="btn header-cart-btn header-actions-btn"
  154.                                                href="{{ path('frontend.checkout.cart.page') }}"
  155.                                                data-cart-widget="true"
  156.                                                title="{{ 'checkout.cartTitle'|trans|striptags }}"
  157.                                                aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  158.                                                 {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  159.                                             </a>
  160.                                         </div>
  161.                                     </div>
  162.                                 {% endblock %}
  164.                                 {% block zen_layout_header_top_bar_toggle %}
  165.                                     {# marketingBannerId is needed for storagekey invalidation #}
  166.                                     {% set marketingBanner = [] %}
  167.                                     {% set marketingBanner = [config('zenitPlatformHorizon.config.marketingActive')]|merge(marketingBanner) %}
  168.                                     {% set marketingBanner = [config('zenitPlatformHorizon.config.marketingText')]|merge(marketingBanner) %}
  169.                                     {% set marketingBanner = [config('zenitPlatformHorizon.config.marketingButtonText')]|merge(marketingBanner) %}
  170.                                     {% set marketingBanner = [config('zenitPlatformHorizon.config.marketingButtonLink')]|merge(marketingBanner) %}
  171.                                     {% set marketingBanner = [config('zenitPlatformHorizon.config.marketingButtonTarget')]|merge(marketingBanner) %}
  172.                                     {% set marketingBannerId = marketingBanner|json_encode()|length %}
  174.                                     {% set collapseTopBarOptions = {
  175.                                         id: topBarStyle ~ '-' ~ marketingBannerId,
  176.                                         type: topBarStyle
  177.                                     } %}
  179.                                     {% if topBarStyle is not same as ('default') and topBarStyle is not same as ('hidden')  %}
  180.                                         {% if theme_config('zen-header-style') is not same as ('two-line') or (theme_config('zen-header-style') is same as ('two-line') and config('zenitPlatformHorizon.config.marketingActive')) %}
  181.                                             <div class="col-auto d-none d-lg-block">
  182.                                                 <div class="top-bar-toggle"
  183.                                                      data-zen-tooltip-title="{{ "zentheme.general.moreLink"|trans|striptags }}">
  184.                                                     <button class="btn header-actions-btn top-bar-toggle-btn"
  185.                                                             type="button"
  186.                                                             aria-label="{{ "zentheme.general.moreLink"|trans|striptags }}"
  187.                                                         {% if topBarStyle is same as ('offcanvas') %}
  188.                                                             data-offcanvas-top-bar="true"
  189.                                                         {% endif %}
  190.                                                         {% if topBarStyle is same as ('collapsible') %}
  191.                                                             {{ dataBsToggleAttr }}="collapse"
  192.                                                             {{ dataBsTargetAttr }}="#topBarCollapse"
  193.                                                             aria-expanded="true"
  194.                                                             data-zen-collapse-top-bar-options="{{ collapseTopBarOptions|json_encode }}"
  195.                                                         {% endif %}
  196.                                                         {% if topBarStyle is same as ('expandable') %}
  197.                                                             {{ dataBsToggleAttr }}="collapse"
  198.                                                             {{ dataBsTargetAttr }}="#topBarCollapse"
  199.                                                             aria-expanded="false"
  200.                                                             data-zen-collapse-top-bar-options="{{ collapseTopBarOptions|json_encode }}"
  201.                                                         {% endif %}>
  202.                                                         {% if theme_config('zen-main-navigation-style') is same as ('offcanvas-lg')
  203.                                                             or theme_config('zen-main-navigation-style') is same as ('offcanvas-xl')
  204.                                                             or theme_config('zen-header-style') is same as ('single-line') and theme_config('zen-logo-position') is same as ('center') and theme_config('zen-header-style-mobile') is same as ('single-line') %}
  205.                                                             {% sw_icon 'more-vertical' %}
  206.                                                         {% else %}
  207.                                                             {% sw_icon 'stack' %}
  208.                                                         {% endif %}
  209.                                                     </button>
  210.                                                 </div>
  211.                                             </div>
  212.                                         {% endif %}
  213.                                     {% endif %}
  214.                                 {% endblock %}
  215.                             </div>
  216.                         </div>
  217.                     {% endblock %}
  218.                 </div>
  219.             </div>
  221.             {% block layout_header_search_expandable %}
  222.                 {% if theme_config('zen-search-style') is same as('expandable') %}
  223.                     <div class="header-search-col">
  224.                         {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  225.                     </div>
  226.                 {% endif %}
  227.             {% endblock %}
  228.         </div>
  229.     {% endblock %}
  231. {% endblock %}