custom/plugins/EsmComputer/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_navigation %}
  4.     <div class="container">
  5.         {{ parent() }}
  6.     </div>
  7. {% endblock %}
  9. {% block layout_header_search %}
  10.     <div class="col-12 order-2 col-sm order-sm-1 header-search-col">
  11.         <div class="row">
  12.             <div class="col-sm-auto d-none d-xs-block d-sm-none">
  13.                 {% block layout_header_navigation_toggle_tablet %}
  14.                     {{ parent() }}
  15.                 {% endblock %}
  16.             </div>
  17.             <div class="col">
  18.                 {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  19.             </div>
  20.         </div>
  21.     </div>
  23.     <div class="col-12 order-2 col-sm-auto order-sm-1 header-desktop-search">
  24.         <div class="row">
  25.             <a href="https://www.trustedshops.de/bewertung/info_XE152DC4802D12725E85E22A77A76A902.html" target="_blank">
  26.                 <picture>
  27.                     <source media="(max-width: 767px)" sizes="1px" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==" />
  28.                     <source media="(min-width: 768px)" srcset="{{ asset('bundles/esmcomputer/assets/images/trustbadge.svg')|sw_encode_url }}">
  29.                     <img src="{{ asset('bundles/esmcomputer/assets/images/trustbadge.svg')|sw_encode_url }}" alt="Trusted Shop {{ 'now' | date('Y') }}" style="padding: 5px;max-height: 60px;" />
  30.                 </picture>
  31.             </a>
  32.             <picture>
  33.                 <source media="(max-width: 767px)" sizes="1px" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==" />
  34.                 <source media="(min-width: 768px)" srcset="{{ asset('bundles/esmcomputer/assets/images/shopsiegel_leadingshops.png')|sw_encode_url }}">
  35.                 <img src="{{ asset('bundles/esmcomputer/assets/images/shopsiegel_leadingshops.png')|sw_encode_url }}" alt="Top Shop 2022" style="padding: 5px;max-height: 60px;" />
  36.             </picture>
  37.             <picture>
  38.                 <source media="(max-width: 767px)" sizes="1px" srcset="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==" />
  39.                 <source media="(min-width: 768px)" srcset="{{ asset('bundles/esmcomputer/assets/images/green-it.png')|sw_encode_url }}">
  40.                 <img src="{{ asset('bundles/esmcomputer/assets/images/green-it.png')|sw_encode_url }}" alt="Green-IT Nachhaltig einkaufen" style="margin-top: 10px;max-height: 60px;" />
  41.             </picture>
  42.         </div>
  43.     </div>
  44. {% endblock %}
  46. {% block layout_header_actions %}
  47.     <div class="col-12 order-1 col-sm order-sm-2 header-navigation-row">
  48.         <div class="row no-gutters header-actions-col">
  49.             {% block layout_header_navigation_toggle %}
  50.                 <div class="col d-lg-none flex-grow-0">
  51.                     <div class="menu-button">
  52.                         {% block layout_header_navigation_toggle_button %}
  53.                             {{ parent() }}
  54.                         {% endblock %}
  55.                     </div>
  56.                 </div>
  57.                 <div class="d-lg-none flex-grow-1">
  58.                     {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  59.                 </div>
  60.             {% endblock %}
  62.             {% block layout_header_search_toggle %}
  63.                 <div class="col-auto d-lg-none">
  64.                     <div class="search-toggle">
  65.                         <button class="btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  66.                                 type="button"
  67.                         {{ dataBsToggleAttr }}="collapse"
  68.                         {{ dataBsTargetAttr }}="#searchCollapse"
  69.                         aria-expanded="false"
  70.                         aria-controls="searchCollapse"
  71.                         aria-label="{{ "header.searchButton"|trans|striptags }}">
  72.                         {% sw_icon 'search' %}
  73.                         </button>
  74.                     </div>
  75.                 </div>
  76.             {% endblock %}
  78.             {% if config('core.cart.wishlistEnabled') %}
  79.                 {% block layout_header_actions_wishlist %}
  80.                     {{ parent() }}
  81.                 {% endblock %}
  82.             {% endif %}
  84.             {% block layout_header_actions_cart %}
  85.                 <div class="col-auto" style="display: flex;justify-content: center;align-items: center;">
  86.                     <div class="header-cart" style="height: 40px;display: flex;justify-content: center;align-items: center;">
  87.                         <a class="btn header-cart-btn header-actions-btn"
  88.                            href="{{ path('frontend.checkout.cart.page') }}"
  89.                            data-cart-widget="true"
  90.                            title="{{ 'checkout.cartTitle'|trans|striptags }}"
  91.                            aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  92.                             {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  93.                         </a>
  94.                     </div>
  95.                 </div>
  96.             {% endblock %}
  98.             {% block layout_header_actions_account %}
  99.                 <div class="col-auto welcometext" style="display: flex;justify-content: center;align-items: center;">
  100.                     <div class="account-menu">
  101.                         {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  102.                     </div>
  104.                     <div class="account-menu-large hidden welcomeheaderflex" style="height: 40px">
  105.                         <span class="welcometextname">
  106.                              {% if context.customer %}
  107.                                  Willkommen,
  108.                                  {% if context.customer.salutation.salutationKey != 'not_specified' %}
  109.                                      {{ context.customer.salutation.translated.displayName }}
  110.                                  {% endif %}
  111.                                  {{ context.customer.lastName }}
  112.                              {% endif %}
  113.                         </span>
  114.                         <span class="d-none d-lg-block d-xl-block">
  115.                             {% if context.customer is null or (context.customer and context.customer.guest == false) %}
  116.                                 <a href="{{ url('frontend.account.login') }}">
  117.                                     <b><i class="fas fa-caret-right mr-2"></i>Zum Kundenkonto</b>
  118.                                 </a>
  119.                             {% else %}
  120.                                  <a href="{{ path('frontend.account.logout.page') }}">
  121.                                      <b><i class="fas fa-caret-right mr-2"></i>
  122.                                      {{ "account.logout"|trans|sw_sanitize }}
  123.                                      </b>
  124.                                 </a>
  125.                             {% endif %}
  126.                         </span>
  127.                     </div>
  128.                 </div>
  129.             {% endblock %}
  130.         </div>
  131.     </div>
  132. {% endblock %}