templates/front_end/base/_header.html.twig line 1

  2.     <!-- header start -->
  3.     <header class="header-style-1">
  4.         <div class="mobile-fix-option"></div>
  5.         <div class="top-header dark-top">
  6.             <div class="container">
  7.                 <div class="row">
  8.                     <div class="col-lg-12">
  9.                         <div class="header-contact">
  10.                             <ul class="d-flex justify-content-between">
  11.                                 <li><a class="text-light" href="#">{{ 'Help & FAQs' | trans({},'templates') }}</a></li>
  12.                                 <li>{{ 'Free standard delivery over 60.00 EUR ' | trans({},'templates')}}</li>
  13.                                 <li><a style="color: white;">{{ '30-day return policy' | trans({},'templates') }}</a></li>
  14.                             </ul>
  15.                         </div>
  16.                     </div>
  17.                 </div>
  18.             </div>
  19.         </div>
  20.         <div class="bg-light border-bottom">
  21.             <div class="container container-long">
  22.                 <div class="row">
  23.                     <div class="col-sm-12">
  24.                         <div class="main-menu">
  25.                             <div class="menu-left">
  26.                                 <div class="brand-logo me-4 p-4 bg-grey">
  27.                                     <a href="/" class="text-uppercase text-dark montserrat-italic">SELECT<span class="brand-wears">WEARS</span></a>
  28.                                 </div>
  29.                                 <nav class="navbar navbar-expand-sm navbar-light pe-0 d-none d-md-block">
  30.                                     <button class="navbar-toggler" type="button" data-bs-toggle="collapse"
  31.                                         data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
  32.                                         aria-expanded="false" aria-label="Toggle navigation">
  33.                                         <span class="navbar-toggler-icon"></span>
  34.                                     </button>
  35.                                     <div class="collapse navbar-collapse" id="navbarSupportedContent">
  36.                                         <ul class="navbar-nav me-auto">
  37.                                         {% for category in mainCategories %}
  38.                                             <li class="nav-item {% if category.id == activePage %} active top-header-active {% endif %}">
  39.                                                 <a class="nav-link fw-bold title-hover-{{ category.id }}" href="/{{ app.request.locale }}/{{ category.slug }}">{{ category.name }}</a>
  40.                                             </li>
  41.                                         {% endfor %}    
  42.                                         </ul>
  43.                                     </div>
  44.                                 </nav>
  45.                             </div>
  46.                             <div class="search-container">
  47.                                 <form class="form_search" role="form">
  48.                                     <input id="query-search" type="search"
  49.                                     placeholder='{{ "Search for product items and collections" | trans({},"templates") }}' class="nav-search nav-search-field"
  50.                                     aria-expanded="true">
  51.                                     <button type="submit" name="nav-submit-button" class="btn-search">
  52.                                     <i class="ti-search"></i>
  53.                                     </button>
  54.                                 </form>
  55.                                 <div class="search-results d-none">
  56.                                 </div>
  57.                             </div>
  58.                             <div class="menu-right pull-right">
  59.                                 <div>
  60.                                     <div class="icon-nav">
  61.                                         <ul class="header-dropdown">
  62.                                             {# <li class="onhover-div mobile-setting"> #}
  63.                                             <li class="onhover-div">
  64.                                                 <div>
  65.                                                     <svg  class="pointer-cursor" data-testid="icon-utility-user-svg" width="2em" height="2em" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M6.5999 6.00002C6.5999 4.12226 8.12213 2.60002 9.9999 2.60002C11.8777 2.60002 13.3999 4.12226 13.3999 6.00002C13.3999 7.87779 11.8777 9.40002 9.9999 9.40002C8.12213 9.40002 6.5999 7.87779 6.5999 6.00002ZM12.5613 9.82153C13.7908 8.9958 14.5999 7.5924 14.5999 6.00002C14.5999 3.45951 12.5404 1.40002 9.9999 1.40002C7.45939 1.40002 5.3999 3.45951 5.3999 6.00002C5.3999 7.5924 6.20902 8.9958 7.43855 9.82153C4.81493 10.717 2.8999 12.9504 2.8999 15.6569C2.8999 16.2821 3.23259 16.7789 3.67695 17.1451C4.11444 17.5055 4.70206 17.7786 5.34806 17.9856C6.64537 18.4013 8.33705 18.6 9.9999 18.6C11.6628 18.6 13.3544 18.4013 14.6517 17.9856C15.2977 17.7786 15.8854 17.5055 16.3229 17.1451C16.7672 16.7789 17.0999 16.2821 17.0999 15.6569C17.0999 12.9504 15.1849 10.717 12.5613 9.82153ZM9.99758 10.6C6.65924 10.6011 4.0999 12.9403 4.0999 15.6569C4.0999 15.8127 4.17347 15.9993 4.44004 16.2189C4.71349 16.4443 5.1415 16.6593 5.71424 16.8429C6.85443 17.2082 8.41276 17.4 9.9999 17.4C11.587 17.4 13.1454 17.2082 14.2856 16.8429C14.8583 16.6593 15.2863 16.4443 15.5598 16.2189C15.8263 15.9993 15.8999 15.8127 15.8999 15.6569C15.8999 12.9396 13.3394 10.6 9.9999 10.6C9.99913 10.6 9.99835 10.6 9.99758 10.6Z" fill="#000C2D"></path></svg>
  66.                                                 </div>
  67.                                                 <div class="show-div setting">
  68.                                                     {% if is_granted('ROLE_CUSTOMER') %}
  69.                                                         <h6><span class="">Hi</span> {{ app.user.getName() }}</h6>
  70.                                                         <ul>
  71.                                                             <li><a class="text-dark account-item" href="{{ path('app_customer_dashboard') }}"><i class="fa-regular fa-user me-1"></i>My account</a></li>
  72.                                                             <li><a class="text-dark account-item" href="/logout"><i class="fa-solid fa-right-from-bracket me-1"></i>Log out</a></li>
  73.                                                         </ul>
  74.                                                     {% else %}
  75.                                                         <h6>My Account</h6>
  76.                                                         <ul>
  77.                                                             <li><a class="text-dark account-item" href="{{ path('customer_login') }}">Login</a></li>
  78.                                                             <li><a class="text-dark account-item" href="{{ path('app_customer_register') }}">register</a></li>
  79.                                                         </ul>
  80.                                                     {% endif %}
  81.                                                 </div>
  82.                                             </li>
  83.                                             <li class="mobile-wishlist">
  84.                                             <a href="{{ path('app_favoris_index_index') }}">
  85.                                                 {# <i class="fa fa-heart" aria-hidden="true"></i> #}
  86.                                                 <svg  class="pointer-cursor" data-testid="icon-utility-wishlist-svg" width="2em" height="2em" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.0099 18.6C9.7299 18.6 9.4699 18.5 9.2399 18.3C8.4999 17.64 7.7999 17.05 7.1199 16.47C5.1699 14.8 3.5399 13.4 2.3799 12.02C1.0299 10.4 0.399902 8.88002 0.399902 7.22002C0.399902 5.69002 0.919902 4.25002 1.8599 3.18002C2.8799 2.03002 4.2699 1.40002 5.7899 1.40002C7.8999 1.40002 9.2499 2.63002 10.0099 3.69002C10.7699 2.63002 12.1099 1.40002 14.2299 1.40002C15.7499 1.40002 17.1499 2.03002 18.1499 3.18002C19.0899 4.26002 19.6099 5.69002 19.6099 7.22002C19.6099 8.88002 18.9799 10.4 17.6299 12.02C16.4799 13.4 14.8499 14.8 12.9599 16.42C12.2199 17.05 11.5199 17.65 10.7599 18.33C10.5499 18.51 10.2899 18.61 10.0199 18.61L10.0099 18.6ZM5.7899 2.60002C4.6199 2.60002 3.5499 3.09002 2.7699 3.97002C2.0199 4.83002 1.6099 5.98002 1.6099 7.22002C1.6099 8.58002 2.1499 9.86002 3.3099 11.25C4.3999 12.55 5.9999 13.92 7.8399 15.51C8.5799 16.15 9.2899 16.75 10.0299 17.41C10.7199 16.75 11.4299 16.15 12.1099 15.56C14.0199 13.93 15.6099 12.56 16.6999 11.25C17.8599 9.86002 18.3999 8.58002 18.3999 7.22002C18.3999 5.98002 17.9899 4.83002 17.2299 3.97002C16.4599 3.09002 15.3899 2.60002 14.2099 2.60002C12.5699 2.60002 11.5199 3.60002 10.9299 4.44002C10.7699 4.67002 10.6399 4.89002 10.5199 5.11002L9.9899 6.10002L9.4599 5.11002C9.3499 4.90002 9.2099 4.67002 9.0499 4.44002C8.4599 3.60002 7.4099 2.60002 5.7699 2.60002H5.7899Z" fill="#000C2D"></path></svg>
  87.                                             </a>
  88.                                             </li>
  89.                                             {# <li class="onhover-div mobile-cart"> #}
  90.                                             <li class="onhover-div">
  91.                                                 <div href="javascript:void(0)" onclick="openCart()">
  92.                                                     {% if app.session.get('cart')|length > 0  %}
  93.                                                         <span id="cart_counter" class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">
  94.                                                            {{ app.session.get('cart')|length }}
  95.                                                         </span>
  96.                                                     {% else %}
  97.                                                         <span id="cart_counter" class="position-absolute d-none top-0 start-100 translate-middle badge rounded-pill bg-danger">
  98.                                                         </span>
  99.                                                     {% endif %}
  100.                                                     <svg  class="pointer-cursor" data-testid="icon-utility-basket-svg" width="2em" height="2em" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.8095 5.5L7.97567 3.07625C8.03206 2.25426 8.85855 1.5 10.0032 1.5C11.1441 1.5 11.9674 2.25169 12.0235 3.07038L12.1901 5.5H7.8095ZM6.73859 6.5L6.50098 9.9658L7.49863 10.0342L7.74094 6.5H12.2587L12.501 10.0342L13.4986 9.9658L13.261 6.5H16.2195C16.5265 6.5 16.8263 6.76031 16.8505 7.15568L17.4985 17.7493C17.4995 17.7651 17.4999 17.781 17.4999 17.7968C17.4999 18.2141 17.1887 18.5 16.8675 18.5H3.13245C3.11943 18.5 3.10643 18.4996 3.09345 18.4987C2.77076 18.4764 2.47591 18.1666 2.50144 17.7493L3.14945 7.15568C3.17364 6.76031 3.47339 6.5 3.78047 6.5H6.73859ZM6.80715 5.5L6.97802 3.00784C7.07893 1.53651 8.46791 0.5 10.0032 0.5C11.5347 0.5 12.9205 1.53392 13.0212 3.00196L13.1925 5.5H16.2195C17.1063 5.5 17.7954 6.22426 17.8486 7.09463L18.4966 17.6883C18.4988 17.7244 18.4999 17.7606 18.4999 17.7968C18.4999 18.7085 17.7972 19.5 16.8675 19.5H3.13245C3.09647 19.5 3.06049 19.4988 3.02457 19.4963C2.099 19.4324 1.44771 18.5971 1.50331 17.6883L2.15132 7.09463C2.20456 6.22426 2.89368 5.5 3.78047 5.5H6.80715Z" fill="#000C2D"></path></svg>
  101.                                                 </div>
  102.                                             </li>
  103.                                             <li class="d-mobile-none">
  104.                                                 <div  class="dropdown">
  105.                                                     <button class="btn btn-light dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
  106.                                                         <img width="20px" src="/img/flag-{{ app.request.locale }}.png">
  107.                                                     </button>
  108.                                                     <ul id="lang-switcher" style="min-width: 0rem" class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
  109.                                                         {% for locale in all_locales %}
  110.                                                             {% if app.request.locale != locale %}
  111.                                                                 <li class="p-1"><a class="dropdown-item" href="{{ path(app.request.attributes.get('_route'),app.request.attributes.get('_route_params')|merge({'_locale': locale})) }}"><img width="20px" src="/img/flag-{{ locale }}.png"> <span>{{ locale|upper }}</span></a></li>
  112.                                                             {% endif %}
  113.                                                         {% endfor %}
  114.                                                     </ul>
  115.                                                 </div>
  116.                                             </li>
  117.                                         </ul>
  118.                                     </div>
  119.                                 </div>
  120.                                 {# <div class="d-sm-none d-block">
  121.                                     <a href="#" class="btn btn-solid btn-xs btn-rounded">login</a>
  122.                                 </div> #}
  123.                             </div>
  124.                         </div>
  125.                     </div>
  126.                 </div>
  127.             </div>
  128.         </div>
  129.         {% if activePage != 0 %}
  130.         <div class="bg-light">
  131.             <div class="container">
  132.                 <div class="col-12">
  133.                     <nav id="main-nav">
  134.                         <div class="toggle-nav"><i class="fa fa-bars sidebar-bar"></i></div>
  135.                         <ul id="main-menu" class="sm pixelstrap sm-horizontal">
  136.                             <li>
  137.                                 <div class="mobile-back text-end">Back<i class="fa fa-angle-right ps-2"
  138.                                         aria-hidden="true"></i></div>
  139.                             </li>
  141.                             {% for category in subCategories %}
  142.                                 {% if category.parentCategory.id == 1 %}
  143.                                     <li><a href="{{ path("app_category" ,{id: category.id } )}}">{{ category.name }} </a></li>
  144.                                 {% elseif category.parentCategory.id == 2 %}
  145.                                     <li><a href="{{ path("app_category" ,{id: category.id } )}}">{{ category.name }} </a></li>
  146.                                 {% endif %}
  147.                             {% endfor %}
  148.                         </ul>
  149.                     </nav>
  150.                 </div>
  151.             </div>
  152.         </div>
  153.         {% endif %}
  154.     </header>
  155.     <!-- header end -->