custom/plugins/NrbnLvgTheme/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_top_bar %}
  4. {% endblock %}
  6. {% block layout_header_navigation %}
  7.     <div class="row align-items-center header-row">
  8.         {% block layout_header_logo %}
  9.             <div class="col-12 col-lg-4 header-logo-col">
  10.                 {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  11.             </div>
  12.         {% endblock %}
  14.         {% block layout_header_search %}
  15.             <div class="col-12 order-2 col-sm col-lg-4 order-sm-1 header-search-col">
  16.                 <div class="row">
  17.                     <div class="col-sm-auto d-none d-sm-block d-lg-none">
  18.                         {% block layout_header_navigation_toggle_tablet %}
  19.                             <div class="nav-main-toggle">
  20.                                 {% block layout_header_navigation_toggle_tablet_button %}
  21.                                     <button class="btn nav-main-toggle-btn header-actions-btn"
  22.                                             type="button"
  23.                                             data-offcanvas-menu="true"
  24.                                             aria-label="{{ "general.menuLink"|trans|striptags }}">
  25.                                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="24" height="24">
  26.                                             <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
  27.                                         </svg>
  28.                                     </button>
  29.                                 {% endblock %}
  30.                             </div>
  31.                         {% endblock %}
  32.                     </div>
  33.                     <div class="col">
  34.                         {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  35.                     </div>
  36.                 </div>
  37.             </div>
  38.         {% endblock %}
  40.         {% block layout_header_actions %}
  41.             <div class="col-12 order-1 col-sm-auto col-lg-4 order-sm-2 header-actions-col">
  42.                 <div class="row justify-content-between justify-content-md-end">
  43.                     {% block layout_header_navigation_toggle %}
  44.                         <div class="col-auto d-sm-none">
  45.                             <div class="menu-button">
  46.                                 {% block layout_header_navigation_toggle_button %}
  47.                                     <button class="btn nav-main-toggle-btn header-actions-btn"
  48.                                             type="button"
  49.                                             data-offcanvas-menu="true"
  50.                                             aria-label="{{ "general.menuLink"|trans|striptags }}">
  51.                                         <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="24" height="24">
  52.                                             <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
  53.                                         </svg>
  54.                                     </button>
  55.                                 {% endblock %}
  56.                             </div>
  57.                         </div>
  58.                     {% endblock %}
  60.                     {% block layout_header_search_toggle %}
  61.                         <div class="col-auto d-sm-none">
  62.                             <div class="search-toggle">
  63.                                 <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  64.                                         type="button"
  65.                                         {{ dataBsToggleAttr }}="collapse"
  66.                                         {{ dataBsTargetAttr }}="#searchCollapse"
  67.                                         aria-expanded="false"
  68.                                         aria-controls="searchCollapse"
  69.                                         aria-label="{{ "header.searchButton"|trans|striptags }}">
  70.                                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="24" height="24">
  71.                                         <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z" />
  72.                                     </svg>
  73.                                 </button>
  74.                             </div>
  75.                         </div>
  76.                     {% endblock %}
  78.                     <div class="col-auto">
  79.                         <div class="nr-artist-menu">
  80.                             <div class="dropdown">
  81.                                 <button class="btn nr-artist-menu-btn header-actions-btn"
  82.                                         type="button"
  83.                                         id="nrArtistMenu"
  84.                                         data-offcanvas-account-menu="true"
  85.                                         {{ dataBsToggleAttr }}="dropdown"
  86.                                         aria-haspopup="true"
  87.                                         aria-expanded="false"
  88.                                         aria-label="Für Künstler"
  89.                                         title="Für Künstler">
  90.                                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="24" height="24">
  91.                                         <path stroke-linecap="round" stroke-linejoin="round" d="M9.53 16.122a3 3 0 00-5.78 1.128 2.25 2.25 0 01-2.4 2.245 4.5 4.5 0 008.4-2.245c0-.399-.078-.78-.22-1.128zm0 0a15.998 15.998 0 003.388-1.62m-5.043-.025a15.994 15.994 0 011.622-3.395m3.42 3.42a15.995 15.995 0 004.764-4.648l3.876-5.814a1.151 1.151 0 00-1.597-1.597L14.146 6.32a15.996 15.996 0 00-4.649 4.763m3.42 3.42a6.776 6.776 0 00-3.42-3.42" />
  92.                                     </svg>
  93.                                     <span>Für Künstler</span>
  94.                                 </button>
  95.                                 <div class="dropdown-menu dropdown-menu-right"
  96.                                     aria-labelledby="nrArtistMenu">
  97.                                     <a class="dropdown-item" href="https://www.littlevangogh.de/info-fuer-kuenstler/login-fuer-kuenstler.html">Login</a>
  98.                                     <a class="dropdown-item" href="https://www.littlevangogh.de/info-fuer-kuenstler/informationen-zur-bewerbung.html">Informationen</a>
  99.                                     <a class="dropdown-item" href="https://www.littlevangogh.de/info-fuer-kuenstler/bewerbungsformular/">Bewerbung</a>
  100.                                     <a class="dropdown-item" href="https://www.littlevangogh.de/info-fuer-kuenstler/verkaufte-kunstwerke.html">Verkaufte Kunstwerke</a>
  101.                                 </div>
  102.                             </div>
  103.                         </div>
  104.                     </div>
  106.                     {% if config('core.cart.wishlistEnabled') %}
  107.                         {% block layout_header_actions_wishlist %}
  108.                             <div class="col-auto">
  109.                                 <div class="header-wishlist">
  110.                                     <a class="btn header-wishlist-btn header-actions-btn"
  111.                                         href="{{ path('frontend.wishlist.page') }}"
  112.                                         title="{{ 'header.wishlist'|trans|striptags }}"
  113.                                         aria-label="{{ 'header.wishlist'|trans|striptags }}">
  114.                                         {% sw_include '@Storefront/storefront/layout/header/actions/wishlist-widget.html.twig' %}
  115.                                     </a>
  116.                                 </div>
  117.                             </div>
  118.                         {% endblock %}
  119.                     {% endif %}
  121.                     {% block layout_header_actions_account %}
  122.                         <div class="col-auto">
  123.                             <div class="account-menu">
  124.                                 {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  125.                             </div>
  126.                         </div>
  127.                     {% endblock %}
  129.                     {% block layout_header_actions_cart %}
  130.                         <div class="col-auto">
  131.                             <div class="header-cart"
  132.                                     data-offcanvas-cart="true">
  133.                                 <a class="btn header-cart-btn header-actions-btn"
  134.                                     href="{{ path('frontend.checkout.cart.page') }}"
  135.                                     data-cart-widget="true"
  136.                                     title="{{ 'checkout.cartTitle'|trans|striptags }}"
  137.                                     aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  138.                                     {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  139.                                 </a>
  140.                             </div>
  141.                         </div>
  142.                     {% endblock %}
  143.                 </div>
  144.             </div>
  145.         {% endblock %}
  146.     </div>
  147. {% endblock %}