custom/plugins/WynTheme/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.   {% block layout_top_bar %}
  5.   {% endblock %}
  7.   <div class="container">
  8.     {% block layout_header_navigation %}
  9.       {% block layout_header_logo %}
  10.         {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  11.       {% endblock %}
  13.       <div class="compare-and-contact">
  14.         <wyn-button
  15.           variant="no-bg-highlight"
  16.           size="small"
  17.           class="compare-btn js-compare-btn"
  18.           type="button"
  19.           aria-label="{{ "general.compare"|trans|striptags }}"
  20.         >
  21.           {% sw_icon 'compare' style { 'slotAttr' : 'icon' } %}
  22.           {{ "general.compare"|trans|striptags }}
  24.           {# This is filled from js #}
  25.           <span class="badge badge-lg badge-secondary badge--top-left js-comparison-badge hidden">
  26.             {{ compareItems|length }}
  27.           </span>
  28.         </wyn-button>
  30.         <wyn-button
  31.           variant="no-bg-highlight"
  32.           size="small"
  33.           href="phone:{{ "wyn-theme.contact.phoneNumberOnly"|trans|striptags }}"
  34.           class="contact-phone-btn"
  35.           aria-label="{{ "wyn-theme.contact.phoneNumberOnly"|trans|striptags }}"
  36.         >
  37.           {% sw_icon 'chat' style { 'slotAttr' : 'icon' } %}
  38.           {{ "wyn-theme.contact.phoneNumberOnly"|trans|striptags }}
  39.         </wyn-button>
  41.         <wyn-button
  42.           variant="no-bg-highlight"
  43.           icon-button
  44.           size="small"
  45.           href="mailto:{{ "wyn-theme.contact.mail"|trans|striptags }}"
  46.           class="contact-mail-btn"
  47.           aria-label="{{ "wyn-theme.contact.mail"|trans|striptags }}"
  48.         >
  49.           {% sw_icon 'mail' style { 'slotAttr' : 'icon' } %}
  50.         </wyn-button>
  51.       </div>
  53.       <div class="menu-and-or-nav">
  54. {# class="btn btn-icon btn-icon--big btn-icon--transparent btn-icon--highlight nav-main-toggle-btn header-actions-btn"#}
  55.         <wyn-button
  56.           variant="no-bg"
  57.           icon-button
  58.           class="nav-main-toggle-btn header-actions-btn"
  59.           type="button"
  60.           data-offcanvas-menu="true"
  61.           aria-label="{{ "general.menuLink"|trans|striptags }}"
  62.         >
  63.           {% block layout_header_navigation_toggle_tablet_button_icon %}
  64.             {% sw_icon 'stack' style { 'slotAttr': 'icon' } %}
  65.           {% endblock %}
  67.           <div class="btn__text menu-only">
  68.             Menü
  69.           </div>
  70.           <div class="btn__text shop-and-menu">
  71.             Shop & Menü
  72.           </div>
  73.         </wyn-button>
  75.         <nav
  76.           class="nav main-navigation-menu"
  77.           itemscope="itemscope"
  78.           itemtype="http://schema.org/SiteNavigationElement"
  79.         >
  80.           <ul class="nav__list">
  81.             {% if page.product is defined %}
  82.               {% set activePath = page.product.categoryTree %}
  83.             {% else %}
  84.               {% set activePath = page.header.navigation.active.path %}
  85.             {% endif %}
  87.             {% for treeItem in page.header.navigation.tree %}
  88.               {% set category = treeItem.category %}
  89.               {% set name = category.translated.name %}
  91.               {% block layout_main_navigation_menu_item %}
  92.                 <li class="nav__item">
  93.                   {% if category.type == 'folder' %}
  94.                     <div
  95.                       class="nav-link main-navigation-link"
  96.                       {% if treeItem.children|length > 0 %}
  97.                         id="navigation-{{ category.id }}"
  98.                         aria-controls="navigation-popup-{{ category.id }}"
  99.                         aria-haspopup="true"
  100.                         aria-expanded="false"
  101.                       {% endif %}
  102.                       title="{{ name }}"
  103.                     >
  104.                       <div class="main-navigation-link-text">
  105.                         <span itemprop="name">{{ name }}</span>
  106.                       </div>
  107.                     </div>
  108.                   {% else %}
  109.                     <a
  110.                       class="nav-link main-navigation-link{% if category.id == page.header.navigation.active.id or category.id in activePath %} active{% endif %}"
  111.                       href="{{ category_url(category) }}"
  112.                       itemprop="url"
  113.                       {% if treeItem.children|length > 0 %}
  114.                         id="navigation-{{ category.id }}"
  115.                         aria-controls="navigation-popup-{{ category.id }}"
  116.                         aria-haspopup="true"
  117.                         aria-expanded="false"
  118.                       {% endif %}
  119.                       {% if category_linknewtab(category) %}target="_blank"{% endif %}
  120.                       title="{{ name }}"
  121.                     >
  122.                       <div class="main-navigation-link-text">
  123.                         <span itemprop="name">{{ name }}</span>
  124.                       </div>
  125.                     </a>
  126.                   {% endif %}
  127.                 </li>
  128.               {% endblock %}
  129.             {% endfor %}
  130.           </ul>
  131.         </nav>
  132.       </div>
  134.       <div class="search-and-buttons">
  135.         {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  137.         {% block layout_header_search_toggle %}
  138.           <wyn-button
  139.             variant="no-bg"
  140.             icon-button
  141.             class="header-actions-btn search-toggle-btn js-search-toggle-btn collapsed d-md-none"
  142.             type="button"
  143.             data-toggle="collapse"
  144.             data-target="#searchCollapse"
  145.             data-target-input=".header-search-input"
  146.             aria-expanded="false"
  147.             aria-controls="searchCollapse"
  148.             aria-label="{{ "header.searchButton"|trans|striptags }}"
  149.           >
  150.             {% sw_icon 'search' style { 'slotAttr' : 'icon' } %}
  151.           </wyn-button>
  152.         {% endblock %}
  154.         {% if config('core.cart.wishlistEnabled') %}
  155.           {% block layout_header_actions_wishlist %}
  156.             <wyn-button
  157.               variant="no-bg"
  158.               icon-button
  159.               class="header-wishlist-btn header-actions-btn js-tooltip"
  160.               href="{{ path('frontend.wishlist.page') }}"
  161.               title="{{ 'header.wishlist'|trans|striptags }}"
  162.               aria-label="{{ 'header.wishlist'|trans|striptags }}"
  163.             >
  164.               {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
  165.             </wyn-button>
  166.           {% endblock %}
  167.         {% endif %}
  169.         {% block layout_header_actions_account %}
  170.           <div class="account-menu">
  171.             {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  172.           </div>
  173.         {% endblock %}
  175.         {% block layout_header_actions_cart %}
  176.           <div
  177.             class="header-cart"
  178.             data-offcanvas-cart="true"
  179.           >
  180. {#          <a class="btn btn-icon btn-icon--rounded btn-icon--transparent header-cart-btn header-actions-btn"#}
  181.             <wyn-button
  182.               variant="no-bg"
  183.               icon-button
  184.               class="header-cart-btn header-actions-btn js-tooltip"
  185.               href="{{ path('frontend.checkout.cart.page') }}"
  186.               data-cart-widget="true"
  187.               title="{{ 'checkout.cartTitle'|trans|striptags }}"
  188.               aria-label="{{ 'checkout.cartTitle'|trans|striptags }}"
  189.             >
  190.               {% sw_include '@WynTheme/storefront/layout/header/actions/cart-widget.html.twig' %}
  191.             </wyn-button>
  192.           </div>
  193.         {% endblock %}
  194.       </div>
  195.     {% endblock %}
  196.   </div>
  197. {% endblock %}