custom/plugins/VKTheme/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 %}
  5.     {#
  6.     {% block layout_top_bar %}
  7.         {% sw_include '@Storefront/storefront/layout/header/top-bar.html.twig' %}
  8.     {% endblock %}
  9.     #}
  11.     <div class="container header-main" style="">
  12.         <div class="header-main row">
  13.             {% block layout_header_navigation %}
  14.                         <div class="header-main-left col-12 col-lg-4 my-3 my-lg-0" style="">
  15.                             {% block layout_header_logo %}
  16.                                     {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  17.                             {% endblock %}
  18.                         </div>
  19.                 
  20.                 <div class="header-main-right col-12 col-lg-8">
  21.                         {% block top_bar_currency_language %}
  22.                                     <div class="justify-content-end d-none d-lg-flex" style="margin-bottom: 25px; margin-top: 10px;">
  23.                                         <div class="top-bar-service-menu  d-flex align-items-center">
  24.                                             {% block layout_header_top_bar_service %}
  25.                                             {% block layout_header_service_menu %}
  26.                                                 {% block layout_header_service_menu_content %}
  27.                                                     {% apply spaceless %}
  28.                                                         <ul class="top-bar-service-menu-list d-flex" style="">
  29.                                                             {% for serviceMenuItem in page.header.serviceMenu %}
  30.                                                                 {% block layout_header_service_menu_item %}
  31.                                                                     <li class="footer-service-menu-item">
  32.                                                                         <a class="top-bar-service-menu-link d-flex align-items-center"
  33.                                                                            href="{{ serviceMenuItem.translated.description }}"
  34.                                                                            {% if category_linknewtab(serviceMenuItem) %}target="_blank"{% endif %}
  35.                                                                            title="{{ serviceMenuItem.translated.name }}">
  36.                                                                             {% if serviceMenuItem.media.url > 0 %}
  37.                                                                                 <img class="icon-service" src="{{ serviceMenuItem.media.url }}">
  38.                                                                                 {{ serviceMenuItem.translated.name }}
  39.                                                                             {% else %}
  40.                                                                                 {{ serviceMenuItem.translated.name }}
  41.                                                                             {% endif %}
  42.                                                                         </a>
  43.                                                                     </li>
  44.                                                                 {% endblock %}
  45.                                                             {% endfor %}
  46.                                                         </ul>
  47.                                                     {% endapply %}
  48.                                                 {% endblock %}
  49.                                             {% endblock %}
  50.                                         {% endblock %}
  51.                                         </div>
  52.                                         {% if page.header.languages.elements|length > 1 %}
  53.                                             <div class="top-bar-currency d-flex">
  54.                                                 <div class="bar-language mr-2">
  55.                                                     {% block layout_header_top_bar_language %}
  56.                                                         {% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' %}
  57.                                                     {% endblock %}
  58.                                                 </div>
  59.                                                 <div class="currency-bar">
  60.                                                     {% block layout_header_top_bar_currency %}
  61.                                                         {% sw_include '@Storefront/storefront/layout/header/actions/currency-widget.html.twig' %}
  62.                                                     {% endblock %}
  63.                                                 </div>
  64.                                             </div>
  65.                                         {% endif %}
  66.                                     </div>
  67.                         {% endblock %}
  69.                     <div class="header-main-right-search-buttons d-flex mt-lg-2 mb-sm-2">
  70.                         <div class="hidden-mobile-button align-items-center col-2 d-lg-none">
  71.                             {% block layout_header_actions %}
  72.                                 {% block layout_header_navigation_toggle %}
  73.                                     {% block layout_header_navigation_toggle_button %}
  74.                                         <button class="nav-main-toggle-btn header-actions-btn d-flex align-items-center"
  75.                                                 style="border: 2px solid;border-radius:3px;"
  76.                                                 type="button"
  77.                                                 data-offcanvas-menu="true"
  78.                                                 aria-label="{{ "general.menuLink"|trans|striptags }}">
  79.                                             {% block layout_header_navigation_toggle_button_icon %}
  80.                                                 
  81.                                                 <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="30" height="30" viewBox="15 0 25 50" style=" fill:currentColor;">
  82.                                                     <path d="M 0 7.5 L 0 12.5 L 50 12.5 L 50 7.5 Z M 0 22.5 L 0 27.5 L 50 27.5 L 50 22.5 Z M 0 37.5 L 0 42.5 L 50 42.5 L 50 37.5 Z"></path>
  83.                                                 </svg>
  85.                                             {% endblock %}
  86.                                         </button>
  87.                                     {% endblock %}
  88.                                 {% endblock %}
  89.                             {% endblock %}
  90.                         </div>
  91.                             <div class="header-search col-6 col-lg-8" style="max-width:none;">
  92.                                 {% block layout_header_search %}
  93.                                     {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  94.                                 {% endblock %}
  95.                             </div>
  97.                             <div class="header-buttons col-4 col-lg-4 d-flex align-items-center justify-content-end pr-0 my-0" style="">
  98.                                 <div class="account-menu">
  99.                                     {% block layout_header_actions_account %}
  100.                                             {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  101.                                     {% endblock %}
  102.                                 </div>
  103.                                 <div class="header-cart" data-offcanvas-cart="true">
  104.                                     {% block layout_header_actions_cart %}
  105.                                         <a class="btn header-cart-btn"
  106.                                            href="{{ path('frontend.checkout.cart.page') }}"
  107.                                            data-cart-widget="true"
  108.                                            title="{{ 'checkout.cartTitle'|trans|striptags }}"
  109.                                            aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  110.                                             {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  111.                                         </a>
  112.                                     {% endblock %}
  113.                                 </div>
  114.                             </div>
  115.                     </div>
  116.                 </div>
  117.             {% endblock %}
  118.         </div>
  119.     </div>
  122. {# ----------------------------------------------------------------------------------------------------------------------
  123. <div class="col-12">
  124.     <ul>
  125.         {% for item in page.header.navigation.tree %}
  126.             <li>
  127.                 <a href="{{ category_url(item.category) }}">{{ item.category.name|replace({' ':"","ü":"ue","Ü":"UE","ö":"oe","Ö":"OE","ä":"ae","Ä":"AE","/":"","&":"","ß":"ss","²":"2","³":"3",",":"."})|replace({'"':''}) }}</a>
  128.                 <ul>
  129.                     {% for item2 in item.children %}
  130.                         <li>
  131.                             <a href="{{ category_url(item2.category) }}">{{ item2.category.name|replace({' ':"","ü":"ue","Ü":"UE","ö":"oe","Ö":"OE","ä":"ae","Ä":"AE","/":"","&":"","ß":"ss","²":"2","³":"3",",":"."})|replace({'"':''}) }}</a></li>
  132.                             <ul>
  133.                                 {% for item3 in item2.children %}
  134.                                     <li>
  135.                                         <a href="{{ category_url(item3.category) }}">{{ item3.category.name|replace({' ':"","ü":"ue","Ü":"UE","ö":"oe","Ö":"OE","ä":"ae","Ä":"AE","/":"","&":"","ß":"ss","²":"2","³":"3",",":"."})|replace({'"':''}) }}</a>
  136.                                     </li>
  137.                                 {% endfor %}
  138.                             </ul>
  139.                     {% endfor %}
  140.                 </ul>
  141.             </li>
  142.         {% endfor %}
  143.     </ul>
  144. </div>
  145. ---------------------------------------------------------------------------------------------------------------------- #}
  196. {% endblock %}