custom/plugins/EsmComputer/src/Resources/views/storefront/layout/header/top-bar.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/header/top-bar.html.twig' %}
  3. {% block layout_header_top_bar %}
  4.     {% if ("header.top_hint"|trans != 'header.top_hint') %}
  5.         <div class="top-bar top-bar-esm d-none d-lg-block">
  6.             {{ "header.top_hint"|trans|raw }}
  7.         </div>
  8.     {% endif %}
  9.     <div class="top-bar">
  10.         <klarna-placement data-key="top-strip-promotion-auto-size" data-locale="de-DE"></klarna-placement>
  11.         <div class="container">
  12.             <nav class="top-bar-nav">
  13.                 {% block layout_header_top_bar_left %}
  14.                     <div class="top-bar-nav-item d-none d-lg-block">
  15.                         {{ "header.top_bar_left"|trans|sw_sanitize }}
  16.                     </div>
  18.                     <div class="d-none d-lg-block">
  19.                         <span>
  20.                             <b>FOLGE UNS JETZT: </b>
  21.                         </span>
  22.                         <a href="https://www.instagram.com/esmcomputer/" target="_blank">
  23.                             <img src="{{ asset('bundles/esmcomputer/assets/images/Grau_2.png') }}" alt="Instagram" title="Instagram" style="width: 30px; height: 30px; margin-left: 10px; margin-top: 5px; margin-bottom: 5px;">
  24.                         </a>
  25.                         <a href="https://www.facebook.com/esmcomputer/?locale=de_DE" target="_blank">
  26.                             <img src="{{ asset('bundles/esmcomputer/assets/images/Grau_3.png') }}" alt="Facebook" title="Facebook" style="width: 30px; height: 30px; margin-left: 10px; margin-top: 5px; margin-bottom: 5px;">
  27.                         </a>
  28.                         <a href="https://www.youtube.com/channel/UCwn19G22Bkl0RKX8vtbyxsw" target="_blank">
  29.                             <img src="{{ asset('bundles/esmcomputer/assets/images/Grau_4.png') }}" alt="Youtube" title="Youtube" style="width: 30px; height: 30px; margin-left: 10px; margin-top: 5px; margin-bottom: 5px;cursor: pointer;">
  30.                         </a>
  31.                         <a href="https://www.tiktok.com/@esmcomputer" target="_blank">
  32.                             <img src="{{ asset('bundles/esmcomputer/assets/images/Grau_1.png') }}" alt="Tiktok" title="Tiktok" style="width: 30px; height: 30px; margin-left: 10px; margin-top: 5px; margin-bottom: 5px;cursor: pointer;">
  33.                         </a>
  34.                     </div>
  35.                 {% endblock %}
  37.                 {% block layout_header_top_bar_center %}
  38.                     {% for parent in page.header.extensions.leftCategory.tree %}
  39.                         {% if parent.children|length > 0 %}
  40.                             <div class="top-bar-nav-item top-bar-menu">
  41.                                 <ul>
  42.                                     {% for treeItem in parent.children %}
  43.                                         {% set category = treeItem.category %}
  44.                                         {% set externalLink = category.translated.externalLink %}
  45.                                         {% set openInNewTab = category.linkNewTab %}
  46.                                         <li>
  47.                                             <a class="top-bar-list-item"
  48.                                                href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
  49.                                                title="{{ category.translated.name }}" {% if openInNewTab %} target="_blank" {%endif%}>{{ category.translated.name }}</a>
  50.                                         </li>
  51.                                     {% endfor %}
  52.                                 </ul>
  53.                             </div>
  54.                         {% endif %}
  55.                     {% endfor %}
  56.                 {% endblock %}
  58.                 {% block layout_header_top_bar_right %}
  59.                     {% for parent in page.header.extensions.rightCategory.tree %}
  60.                         {% if parent.children|length > 0 %}
  61.                             <div class="top-bar-nav-item top-bar-menu">
  62.                                 {% block layout_header_actions_service_menu_list %}
  63.                                     {% block layout_header_actions_service_menu_items %}
  64.                                         <ul>
  65.                                             {% for treeItem in parent.children %}
  66.                                                 {% set category = treeItem.category %}
  67.                                                 {% set externalLink = category.translated.externalLink %}
  68.                                                 {% set openInNewTab = category.linkNewTab %}
  69.                                                 <li>
  70.                                                     <a class="top-bar-list-item"
  71.                                                    href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
  72.                                                        title="{{ category.translated.name }}" {% if openInNewTab %} target="_blank" {%endif%}><b>{{ category.translated.name }}</b></a>
  73.                                                 </li>
  74.                                             {% endfor %}
  75.                                         </ul>
  76.                                     {% endblock %}
  77.                                 {% endblock %}
  78.                             </div>
  79.                         {% endif %}
  80.                     {% endfor %}
  81.                 {% endblock %}
  82.             </nav>
  83.         </div>
  84.     </div>
  85. {% endblock %}