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

Open in your IDE?
  1. {% sw_extends '@WynTheme/storefront/layout/header/header.html.twig' %}
  3. {% block layout_header_navigation %}
  4.   {% block layout_header_logo %}
  5.     {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  7.     <div class="logo-text">
  8.       <div class="logo-text__title">
  9.         {{ "skp.header.title"|trans|striptags }}
  10.       </div>
  11.       <div class="logo-text__subtitle">
  12.         {{ "skp.header.subtitle"|trans|striptags }}
  13.       </div>
  14.     </div>
  15.   {% endblock %}
  17.   {% block layout_header_compare_and_contact %}
  18.     <div class="compare-and-contact">
  19.       {% block layout_header_compare_and_contact_compare_button %}
  20.       {% endblock %}
  22.       <div class="compare-and-contact__label">
  23.         {{ "skp.header.contactLabel"|trans|striptags }}
  24.       </div>
  26.       {% block layout_header_compare_and_contact_phone %}
  27.         <wyn-button
  28.           variant="no-bg"
  29.           size="small"
  30.           href="phone:{{ "wyn-theme.contact.phoneNumberOnly"|trans|striptags }}"
  31.           class="contact-phone-btn"
  32.           aria-label="{{ "wyn-theme.contact.phoneNumberOnly"|trans|striptags }}"
  33.         >
  34.           {% sw_icon 'chat' style { 'slotAttr' : 'icon' } %}
  35.           {{ "wyn-theme.contact.phoneNumberOnly"|trans|striptags }}
  36.         </wyn-button>
  37.       {% endblock %}
  39.       {% block layout_header_compare_and_contact_mail %}
  40.         <wyn-button
  41.           variant="no-bg"
  42.           icon-button
  43.           size="small"
  44.           href="mailto:{{ "wyn-theme.contact.mail"|trans|striptags }}"
  45.           class="contact-mail-btn"
  46.           aria-label="{{ "wyn-theme.contact.mail"|trans|striptags }}"
  47.         >
  48.           {% sw_icon 'mail-edit' style { 'slotAttr' : 'icon' } %}
  49.         </wyn-button>
  50.       {% endblock %}
  51.     </div>
  52.   {% endblock %}
  54.   {% block layout_header_menu_and_or_nav %}
  55.     {% block layout_header_menu_and_or_nav_menu_btn %}
  56.       <wyn-button
  57.         variant="primary"
  58.         icon-button
  59.         class="menu nav-main-toggle-btn header-actions-btn"
  60.         type="button"
  61.         data-offcanvas-menu="true"
  62.         aria-label="{{ "general.menuLink"|trans|striptags }}"
  63.       >
  64.         {% block layout_header_navigation_toggle_tablet_button_icon %}
  65.           {{ parent() }}
  66.         {% endblock %}
  68.         {% block layout_header_navigation_toggle_tablet_button_label %}
  69.           {{ parent() }}
  70.         {% endblock %}
  71.       </wyn-button>
  72.     {% endblock %}
  74.     {% block layout_header_menu_and_or_nav_navigation %}
  75.       <nav
  76.         class="nav main-navigation-menu"
  77.         itemscope="itemscope"
  78.         itemtype="http://schema.org/SiteNavigationElement"
  79.       >
  80.         <div id="main-nav-hide-anchor" class="main-navigation-menu__hide-anchor"></div>
  81.         {% block layout_header_menu_and_or_nav_navigation_list %}
  82.           <ul class="nav__list">
  83.             {% if page.product is defined %}
  84.               {% set activePath = page.product.categoryTree %}
  85.             {% else %}
  86.               {% set activePath = page.header.navigation.active.path %}
  87.             {% endif %}
  89.             {% for treeItem in page.header.navigation.tree %}
  90.               {% set category = treeItem.category %}
  91.               {% set name = category.translated.name %}
  93.               {% block layout_main_navigation_menu_item %}
  94.                 <li class="nav__item">
  95.                   {% if category.type == 'folder' %}
  96.                     <div
  97.                       class="nav-link main-navigation-link"
  98.                       {% if treeItem.children|length > 0 %}
  99.                         id="navigation-{{ category.id }}"
  100.                         data-wyn-popup-position="fixed"
  101.                         aria-controls="navigation-popup-{{ category.id }}"
  102.                         aria-haspopup="true"
  103.                         aria-expanded="false"
  104.                       {% endif %}
  105.                     >
  106.                       <div class="main-navigation-link-text">
  107.                         <span itemprop="name">{{ name }}</span>
  108.                       </div>
  109.                     </div>
  110.                   {% else %}
  111.                     <a
  112.                       class="nav-link main-navigation-link{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}"
  113.                       href="{{ category_url(category) }}"
  114.                       itemprop="url"
  115.                       {% if treeItem.children|length > 0 %}
  116.                         id="navigation-{{ category.id }}"
  117.                         data-wyn-popup-position="fixed"
  118.                         aria-controls="navigation-popup-{{ category.id }}"
  119.                         aria-haspopup="true"
  120.                         aria-expanded="false"
  121.                       {% endif %}
  122.                       {% if category_linknewtab(category) %}target="_blank"{% endif %}
  123.                     >
  124.                       <div class="main-navigation-link-text">
  125.                         <span itemprop="name">{{ name }}</span>
  126.                       </div>
  127.                     </a>
  128.                   {% endif %}
  129.                 </li>
  130.               {% endblock %}
  131.             {% endfor %}
  132.           </ul>
  133.         {% endblock %}
  134.       </nav>
  135.     {% endblock %}
  136.   {% endblock %}
  138.   {% block layout_header_search_and_buttons %}
  139.     {% block layout_header_search_and_buttons_search_field %}
  140.       <div
  141.         class="search collapse header-search-collapse"
  142.         id="searchCollapse"
  143.       >
  144.         {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  145.       </div>
  146.     {% endblock %}
  148.     <div class="buttons">
  149.       {% block layout_header_search_toggle %}
  150.         <wyn-button
  151.           variant="tertiary"
  152.           icon-button
  153.           toggle-button
  154.           class="header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  155.           type="button"
  156.           data-toggle="collapse"
  157.           data-target="#searchCollapse"
  158.           data-target-input=".header-search-input"
  159.           data-no-close-on-focus=".js-search-result,.header-search-form"
  160.           aria-expanded="false"
  161.           aria-controls="searchCollapse"
  162.           aria-label="{{ "header.searchButton"|trans|striptags }}"
  163.         >
  164.           {% sw_icon 'search' style { 'slotAttr' : 'icon' } %}
  165.           {{ "header.searchButton"|trans|striptags }}
  166.         </wyn-button>
  167.       {% endblock %}
  169.       {% if config('core.cart.wishlistEnabled') %}
  170.         {% block layout_header_actions_wishlist %}
  171.           <wyn-button
  172.             variant="tertiary"
  173.             icon-button
  174.             class="header-wishlist-btn header-actions-btn"
  175.             href="{{ path('frontend.wishlist.page') }}"
  176.             title="{{ 'header.wishlist'|trans|striptags }}"
  177.             data-wyn-popup-placement="bottom"
  178.             aria-label="{{ 'header.wishlist'|trans|striptags }}"
  179.           >
  180.             {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
  181.             {{ 'header.wishlist'|trans|striptags }}
  182.           </wyn-button>
  183.         {% endblock %}
  184.       {% endif %}
  186.       {% block layout_header_actions_account %}
  187.         <div class="account-menu">
  188.           {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  189.         </div>
  190.       {% endblock %}
  192.       {% block layout_header_actions_cart %}
  193.         <div
  194.           class="header-cart"
  195.           data-offcanvas-cart="true"
  196.         >
  197.           <wyn-button
  198.             variant="tertiary"
  199.             icon-button
  200.             class="header-cart-btn header-actions-btn"
  201.             href="{{ path('frontend.checkout.cart.page') }}"
  202.             data-cart-widget="true"
  203.             title="{{ 'checkout.cartTitle'|trans|striptags }}"
  204.             data-wyn-popup-placement="bottom"
  205.             aria-label="{{ 'checkout.cartTitle'|trans|striptags }}"
  206.           >
  207.             {% sw_include '@WynTheme/storefront/layout/header/actions/cart-widget.html.twig' %}
  208.           </wyn-button>
  209.         </div>
  210.       {% endblock %}
  211.     </div>
  212.   {% endblock %}
  213. {% endblock %}