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

Open in your IDE?
  1. {% block layout_header_top_bar %}
  2.     <div class="top-bar d-lg-block">
  3.         <nav class="top-bar-nav">
  5.             <div class="topmidtext-col">PURE ∙ PALEO ∙ <b>POWER</b></div>
  6.             {% block layout_header_top_bar_language %}
  7.                 {% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' %}
  8.             {% endblock %}
  10.             {% block layout_header_top_bar_currency %}
  11.                 {% sw_include '@Storefront/storefront/layout/header/actions/currency-widget.html.twig' %}
  12.             {% endblock %}
  14.             {% block layout_header_top_bar_service %}
  15.             {% endblock %}
  17.         </nav>
  18.         <div class="col-12 custom-topbar-col">
  19.             <div class="row">
  20.                 <div class="col-12 col-lg-6 social-icons-col d-none d-sm-block">
  21.                     <ul class="social-icons-top">
  22.                       <li class="fb-icon"><a href="https://www.facebook.com/eatperformance" class="social-icons"><img src="/media/8d/c5/a4/1612789549/facebook-scialmedia.png"></a></li>
  23.                       <li class="insta-icon"><a href="https://instagram.com/eatperformance/" class="social-icons"><img src="/media/9d/07/90/1612789550/instagram_socialmedia.png"></a></li>
  24.                       <li class="youtube-icon"><a href="https://www.youtube.com/channel/UCq_N21gdDKuCI3ACgTXruaQ" class="social-icons"><img src="/media/13/2e/6b/1612789543/youtube_socialmedia.png"></a></li>
  25.                       <li class="newsletter-icon"><a href="https://eat-performance.com/Menu/Newsletter/" class="social-icons"><img src="/media/89/0a/8e/1612789541/newsletter_socialmedia.png"></a></li>
  26.                     </ul>
  27.                 </div>
  28.                 <div class="col-12 col-lg-6 order-1 order-sm-2 header-actions-col">
  29.                     <div class="row no-gutters header-actions-inner">
  30.                         <div class="col-12 col-lg-auto header-search-col">
  31.                             <div class="col-sm-auto d-none d-lg-none">
  32.                                 {% block layout_header_navigation_toggle_tablet %}
  33.                                     <div class="nav-main-toggle">
  34.                                         {% block layout_header_navigation_toggle_tablet_button %}
  35.                                             <button class="btn nav-main-toggle-btn header-actions-btn"
  36.                                                     type="button"
  37.                                                     data-offcanvas-menu="true"
  38.                                                     aria-label="{{ "general.menuLink"|trans|striptags }}">
  39.                                                 {% block layout_header_navigation_toggle_tablet_button_icon %}
  40.                                                     {% sw_icon 'stack' %}
  41.                                                 {% endblock %}
  42.                                             </button>
  43.                                         {% endblock %}
  44.                                     </div>
  45.                                 {% endblock %}
  46.                             </div>
  47.                             {% sw_include '@Storefront/storefront/layout/header/search.html.twig' %}
  48.                         </div>
  50.                         {% block layout_header_navigation_toggle %}
  51.                             <div class="col head-actions d-lg-none">
  52.                                 <div class="menu-button">
  53.                                     {% block layout_header_navigation_toggle_button %}
  54.                                         <button class="btn nav-main-toggle-btn header-actions-btn"
  55.                                                 type="button"
  56.                                                 data-offcanvas-menu="true"
  57.                                                 aria-label="{{ "general.menuLink"|trans|striptags }}">
  58.                                             {% block layout_header_navigation_toggle_button_icon %}
  59.                                                 {% sw_icon 'stack' %}
  60.                                             {% endblock %}
  61.                                         </button>
  62.                                     {% endblock %}
  63.                                 </div>
  64.                             </div>
  65.                         {% endblock %}
  67.                         {% block layout_header_search_toggle %}
  68.                             <div class="col-auto d-none d-lg-inline">
  69.                                         <div class="header-search">
  70.                                             <form action="/eat-search" method="get" class="header-search-form">
  71.                                                 <div class="input-group">
  72.                                                     <input
  73.                                                         type="search"
  74.                                                         name="q"
  75.                                                         class="form-control header-search-input"
  76.                                                         autocomplete="off"
  77.                                                         autocapitalize="off"
  78.                                                         placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"
  79.                                                         aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
  80.                                                         maxlength="30"
  81.                                                         value=""
  82.                                                     />
  83.                                                     <div class="input-group-append">
  84.                                                         <button type="submit" class="btn header-search-btn" aria-label="Suchen">
  85.                                                             <span class="header-search-icon">
  86.                                                                 <span class="icon icon-search">
  87.                                                                     <svg viewBox="0 0 24 24" style="width: 24px; height: 24px;"><path fill="#fff" d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"></path></svg>
  88.                                                                 </span>
  89.                                                             </span>
  90.                                                         </button>
  91.                                                     </div>
  92.                                                 </div>
  93.                                             </form>
  94.                                         </div>
  95.                             </div>
  96.                             <div class="col-auto search-collapse head-actions d-lg-none">
  97.                                 <div class="search-toggle">
  98.                                     <button class="d-lg-none btn header-actions-btn search-toggle-btn js-search-toggle-btn collapsed"
  99.                                             type="button"
  100.                                             data-toggle="collapse"
  101.                                             data-target="#searchCollapse"
  102.                                             aria-expanded="false"
  103.                                             aria-controls="searchCollapse"
  104.                                             aria-label="{{ "header.searchButton"|trans|striptags }}">
  105.                                         {% sw_icon 'search' %}
  106.                                     </button>
  107.                                 </div>
  108.                             </div>
  109.                         {% endblock %}
  110.                         {% block layout_header_actions_account %}
  111.                             <div class="col-auto head-actions">
  112.                                 <a class="filter-icon" href="/eat-search?advanced_search=1" title="Produktfilter">
  113.                                     <svg viewBox="0 0 24 24">
  114.                                         <path fill="#fff" d="M14,12V19.88C14.04,20.18 13.94,20.5 13.71,20.71C13.32,21.1 12.69,21.1 12.3,20.71L10.29,18.7C10.06,18.47 9.96,18.16 10,17.87V12H9.97L4.21,4.62C3.87,4.19 3.95,3.56 4.38,3.22C4.57,3.08 4.78,3 5,3V3H19V3C19.22,3 19.43,3.08 19.62,3.22C20.05,3.56 20.13,4.19 19.79,4.62L14.03,12H14Z" />
  115.                                     </svg>
  116.                                 </a>
  117.                             </div>
  118.                             <div class="col-auto head-actions">
  119.                                 <div class="account-menu">
  120.                                     {% sw_include '@Storefront/storefront/layout/header/actions/account-widget.html.twig' %}
  121.                                 </div>
  122.                             </div>
  123.                         {% endblock %}
  124.                         {% block layout_header_actions_cart %}
  125.                             <div class="col-auto head-actions">
  126.                                 <div class="header-cart"
  127.                                      data-offcanvas-cart="true">
  128.                                     <a class="btn header-cart-btn header-actions-btn"
  129.                                        href="{{ path('frontend.checkout.cart.page') }}"
  130.                                        data-cart-widget="true"
  131.                                        title="{{ 'checkout.cartTitle'|trans|striptags }}"
  132.                                        aria-label="{{ 'checkout.cartTitle'|trans|striptags }}">
  133.                                         {% sw_include '@Storefront/storefront/layout/header/actions/cart-widget.html.twig' %}
  134.                                     </a>
  135.                                 </div>
  136.                             </div>
  137.                         {% endblock %}
  139.                     </div>
  141.                 </div>
  142.             </div>
  144.             {#                        {% if controllerName is same as('register') or controllerName is same as('checkout') %}#}
  145.             <div class="col-md-4 header-minimal-back-to-shop d-none">
  146.                 <a href="{{ path('frontend.home.page') }}"
  147.                    class="btn btn-outline-primary header-minimal-back-to-shop-button"
  148.                    title="{{ "checkout.finishButtonBackToShop"|trans|striptags }}">
  149.                     {{ "checkout.finishButtonBackToShop"|trans|striptags }}
  150.                 </a>
  151.             </div>
  152.             {#                        {% endif %}#}
  154.         </div>
  155.     </div>
  156. {% endblock %}