templates/AtechNetCoreBundle/Common/header.html.twig line 1

Open in your IDE?
  1. {% set customerTypeId = app.request.session.get('customerTypeId') %}
  2. {% set domainId = app.request.session.get('domainId') %}
  3. {% set isAdminLogin = app.request.session.get('isAdminLogin') %}
  4. {% set locale = app.request.locale %}
  5. {% set defaultLocale = app.request.session.get('defaultLocale') %}
  7. {% if app.request.attributes.get('_route') not in ['cart_show', 'checkout_customer', 'checkout_address', 'checkout_shipping_and_payment', 'checkout_review', 'checkout_success'] %}
  8.     {% for nanobar in nanobars %}
  9.         <div id="nanobar-item" class="nanobar py-1" style="background-color:{{ nanobar.color }};">
  10.             <div class="container">
  11.                 {{- nanobar.message | raw -}}
  12.             </div>
  13.         </div>
  14.     {% endfor %}
  15. {% endif %}
  17. {% if mode == 'standard' %}
  18.     <header class="header smart-scroll">
  19.         <div class="header-top">
  20.             <div class="container">
  21.                 {% if isBazaarPage %}
  22.                     <span class="web-description">{{ 'bazaar header top web description'|trans }}</span>
  23.                 {% else %}
  24.                     <span class="web-description">{{ 'header top web description'|trans }}</span>
  25.                 {% endif %}
  27.                 <div class="page-list">
  28.                     {% for page in headerPageList %}
  29.                         <a href="{{ page.link }}">{{ page.title }}</a>
  30.                     {% endfor %}
  31.                 </div>
  32.             </div>
  33.         </div>
  34.         <div class="header-bottom{% if customerTypeId == 2 %} partner{% endif %}">
  35.             <div class="container px-1 px-lg-3">
  36.                 <div class="row align-items-center row-no-padding">
  37.                     <div class="col menu-and-logo col-md-auto">
  38.                         <button id="nav-icon" class="toggle-sidebar toggle-button toggle-sidebar">
  39.                             <img loading="lazy" decoding="async" src="{{ asset('theme/images/icon/hamburger.svg') }}">
  40.                         </button>
  42.                         {% set logoPartnerSuffix = '' %}
  44.                         {% if customerTypeId == 2 %}
  45.                             {% set logoPartnerSuffix = '-partner' %}
  46.                         {% endif %}
  48.                         {%- set logoSrc = isAdminLogin ? 'theme/images/furbify-logo-admin-login.svg' : 'theme/images/furbify-logo.svg' -%}
  49.                         <a href="{{ path('homepage') }}" class="logo"><img loading="lazy" decoding="async" src="{{ asset(logoSrc) }}" alt="{{ 'Furbify premium renewed, used electronics' | trans }}" width="143" height="37" /></a>
  51.                         {% if customerTypeId == 2 %}
  52.                             <div class="logo-vertical-line"></div>
  53.                             <img loading="lazy" decoding="async" src="{{ asset('theme/images/partner-dashboard.svg') }}" alt="Partner dashboard" width="100" class="partner-dashboard-logo" />
  54.                         {% endif %}
  55.                     </div>
  57.                     <div class="col flex-md-grow-1 text-end px-0">
  58.                         <a href="#widget-search" class="dropdown-toggle search-dropdown-toggle ms-auto ms-xl-0" role="button" aria-expanded="false" aria-controls="widget-search" data-bs-toggle="collapse">
  59.                             <img loading="lazy" decoding="async" src="{{ asset('theme/images/icon/header-mobile-search.svg') }}" width="15" height="18" />
  60.                         </a>
  62.                         <div id="widget-search" class="d-flex justify-content-around collapse pe-0 pe-xl-5">
  63.                             <div class="search-bar m-auto">
  64.                                 <form method="get" action="{{ path('product_search') }}" class="input-group search-form justify-content-center" id="searchbox">
  65.                                     <input type="text" id="ajax_search" name="fs" placeholder="{{ 'keyword...' |trans }}" class="form-control mb-0 col col-2" value="{{ filterSearch }}"  aria-label="{{ 'keyword...' | trans }}" aria-describedby="button-submit-widget-search">
  67.                                     <button id="button-clear-widget-search" type="button" class="input-group-text border-right col col-auto d-none"></button>
  68.                                     <button id="button-arrow-submit-widget-search" type="submit" class="input-group-text border-radius col col-auto d-none"></button>
  69.                                     <button id="button-submit-widget-search" type="submit" class="input-group-text border-radius col col-auto  event-log-view-all-results">
  70.                                         <img loading="lazy" decoding="async" src="{{ asset('theme/images/icon/header-search.svg') }}" height="16" width="auto" class="m-auto" alt="{{ 'Search' | trans }}" />
  71.                                     </button>
  73.                                     <div id="widget-search-results" data-no-matches="{{ 'No results' | trans }}" data-view-all="{{ 'View all results' | trans }}" data-action="{{ path('product_live_search') }}" data-url="{{ path('product_search') }}" data-loading="{{ 'Loading' | trans }}" data-try="{{ 'Try this' |trans }}" data-featured="{{ 'Featured products' |trans }}" data-popular="{{ 'Popular categories' |trans }}" data-log="{{ path('product_log_search') }}" class="text-start d-none"></div>
  74.                                 </form>
  75.                             </div>
  76.                             <a href="tel:{{ phone_support }}" class="support-link d-none d-xl-flex flex-row align-items-center me-0 ms-0">
  77.                                 <img loading="lazy" decoding="async" src="{{ asset('theme/images/icon/header-telephone.svg') }}" width="32" height="32" alt="{{ 'header-top call us'|trans }}"/>
  78.                                 <div class="ms-2 text-elements d-flex flex-column text-start">
  79.                                     <span>{{ 'header-top call us'|trans }}</span>
  80.                                     <strong>{{ phone_support }}</strong>
  81.                                 </div>
  82.                             </a>
  83.                         </div>
  84.                     </div>
  86.                     <div class="col text-end icons col-md-auto flex-grow-0 col-sm-auto">
  87.                         <div class="account-dropdown dropdown dropleft">
  88.                             <button class="dropdown-toggle account-dropdown-toggle d-none d-md-block" type="button" id="dropdownAccountButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  89.                                 <img loading="lazy" decoding="async" src="{{ asset('theme/images/icon/header-profile.svg') }}" alt="{{ 'Account' | trans }}">
  90.                                 <div class="d-none d-xl-block">
  91.                                     {% if isLoggedIn() and customer.firstName is defined and customer.lastName is defined %}
  92.                                         {% if defaultLocale == 'hu' %}
  93.                                             <span>{{ customer.lastName ~ ' ' ~ customer.firstName |slice(0, 1) ~ '.' }}</span>
  94.                                         {% else %}
  95.                                             <span>{{ customer.firstName |slice(0, 1) ~ '. ' ~ customer.lastName }}</span>
  96.                                         {% endif %}
  97.                                     {% else %}
  98.                                         <span>{{ 'Account' | trans }}</span>
  99.                                     {% endif %}
  100.                                 </div>
  101.                             </button>
  103.                             <a href="{{ path('customer_login') }}" class="account-dropdown-toggle d-flex d-md-none">
  104.                                 <img loading="lazy" decoding="async" src="{{ asset('theme/images/icon/header-profile.svg') }}">
  105.                             </a>
  107.                             <div class="dropdown-menu" aria-labelledby="dropdownAccountButton">
  108.                                 {% if isLoggedIn() %}
  109.                                     <a class="dropdown-item" href="{{ path('customer_account') }}">{{ 'Account' | trans }}</a>
  110.                                     <a class="dropdown-item" href="{{ path('customer_orders') }}">{{ 'Orders' | trans }}</a>
  111.                                     <a class="dropdown-item log-out" href="{{ path('customer_logout') }}">{{ 'Log out' | trans }}</a>
  112.                                 {% else %}
  113.                                     <a class="dropdown-item" href="{{ path('customer_login') }}">{{ 'Log in' | trans }}</a>
  114.                                     <a class="dropdown-item" href="{{ path('customer_registration') }}">{{ 'Sign up' | trans }}</a>
  115.                                 {% endif %}
  116.                             </div>
  117.                         </div>
  119.                         {%- if cart -%}
  120.                             {{- include(template_from_string(cart)) -}}
  121.                         {%- else -%}
  122.                             <div id="cart" class="cart-dropdown dropdown">
  123.                                 <button class="dropdown-toggle" type="button" id="dropdownCartButton" data-bs-toggle="dropdown">
  124.                                     <i class="fas fa-shopping-cart"></i>
  125.                                     <div class="d-none d-lg-block">
  126.                                         <span>{{ 'Cart' | trans }}</span>
  127.                                     </div>
  128.                                     {%- if cartItemsCount > 0 -%}
  129.                                         <div class="shopping-cart-item">
  130.                                             <img loading="lazy" decoding="async" src="{{ asset('theme/images/icon/header-cart-item-count.svg') }}" class="m-0 p-0" alt="{{ 'Cart'|trans }}">
  131.                                             <span>{{ cartItemsCount }}</span>
  132.                                         </div>
  133.                                     {%- endif -%}
  134.                                 </button>
  135.                                 <div class="dropdown-menu" aria-labelledby="dropdownCartButton"></div>
  136.                             </div>
  137.                         {%- endif -%}
  139.                         <div class="dropdown dropdown-store-switcher">
  140.                             <button class="btn" type="button" id="dropdown-store-switcher" data-bs-toggle="modal" data-bs-target="#modal-language-store" aria-haspopup="true" aria-expanded="false">
  141.                                 <img loading="lazy" decoding="async" src="{{ asset('theme/images/flag/' ~ locale ~ '.svg') }}" alt="{{ (locale ~ ' icon alt') | trans }}">
  142.                                 <div class="d-md-block">{{ locale |upper }}</div>
  143.                             </button>
  144.                         </div>
  145.                     </div>
  146.                 </div>
  147.             </div>
  148.         </div>
  149.     </header>
  151.     <nav class="main-nav {{ customerType }}">
  152.         {% if menu.push is defined and menu.push |length %}
  153.             <ul class="main-menu container m-auto has-push-menu">
  154.         {% else %}
  155.             <ul class="main-menu container m-auto">
  156.         {% endif %}
  157.             {% if menu.product is defined %}
  158.                 <li>
  159.                     <a aria-label="{{ menu.product.name |trans }}">
  160.                         <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 19" xml:space="preserve"><g><rect x="3.4" y="3.5" class="st0" width="18" height="2"/><rect x="3.4" y="8.5" class="st0" width="18" height="2"/><rect x="3.4" y="13.5" class="st0" width="18" height="2"/></g></svg>
  161.                         {{ menu.product.name |trans }}
  162.                     </a>
  163.                     <div class="sub-menu">
  164.                         <div class="container">
  165.                             <ul>
  166.                                 {% for mainMenuItem in menu.product.children %}
  167.                                     <li>
  168.                                         <a href="{{ mainMenuItem.href }}" aria-label="{{ mainMenuItem.name }}">
  169.                                             {% if mainMenuItem.icon %}
  170.                                                 <span class="icon">{{ mainMenuItem.icon |raw }}</span>
  171.                                             {% else %}
  172.                                                 <span class="icon"><svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M256 48a208 208 0 1 1 0 416 208 208 0 1 1 0-416zm0 464A256 256 0 1 0 256 0a256 256 0 1 0 0 512z"/></svg></span>
  173.                                             {% endif %}
  175.                                             {{ mainMenuItem.name }}
  177.                                             {% if mainMenuItem.children %}
  178.                                                 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"><path d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></svg>
  179.                                             {% endif %}
  180.                                         </a>
  182.                                         {% if mainMenuItem.children %}
  183.                                             <div class="sub-menu-block">
  184.                                                 <div class="d-flex flex-wrap flex-column h-100">
  185.                                                     {% for group in mainMenuItem.children %}
  186.                                                         <div class="sub-menu-group">
  187.                                                             {% if group.name %}
  188.                                                                 <strong>{{ group.name }}:</strong><br>
  189.                                                             {% endif %}
  191.                                                             <ul class="sub-menu-list">
  192.                                                                 {% for item in group.children %}
  193.                                                                     <li>
  194.                                                                         <a href="{{ item.href }}">{{ item.title }}</a>
  195.                                                                         {% if item.subTitle %}
  196.                                                                             ({{ item.subTitle }})
  197.                                                                         {% endif %}
  198.                                                                         {%- if item.label -%}
  199.                                                                             <span>{{ item.label | trans }}!</span>
  200.                                                                         {%- endif -%}
  201.                                                                     </li>
  202.                                                                 {% endfor %}
  203.                                                             </ul>
  204.                                                         </div>
  205.                                                     {% endfor %}
  206.                                                 </div>
  207.                                             </div>
  208.                                         {% endif %}
  209.                                     </li>
  210.                                 {% endfor %}
  211.                             </ul>
  212.                         </div>
  213.                     </div>
  214.                 </li>
  215.             {% endif %}
  217.             {% if menu.standard is defined and menu.standard |length %}
  218.                 {% for mainMenuItem in menu.standard %}
  219.                     <li
  220.                         {% if mainMenuItem.name == 'BLACK FRIDAY' %}
  221.                             class="black-friday-menu-link"
  222.                         {% elseif mainMenuItem.name == 'The Zone akció' or mainMenuItem.name in ['Kiárusítás', 'Výpredaj', 'Výprodej', 'Sale', 'Bestseller'] %}
  223.                             class="the-zone-menu-link"
  224.                         {% elseif mainMenuItem.name == 'Valentínska akcia' or mainMenuItem.name == 'Valentýnská akce'%}
  225.                             class="valentine-menu-link"
  226.                         {% endif %}
  227.                         {% if domainId in [1,2,3,4,9,5] %}
  228.                             {% if loop.length - loop.index0 == 2 %} class="ms-auto"{% endif %}
  229.                         {% else %}
  230.                             {% if loop.last %} class="ms-auto"{% endif %}
  231.                         {% endif %}
  232.                     >
  233.                         <a href="{{ mainMenuItem.href }}" aria-label="{{ mainMenuItem.name }}">
  234.                             <span class="visually-hidden">{{- mainMenuItem.name -}}</span>
  235.                             <div class="nav-standard-item">
  236.                                 {%- if mainMenuItem.icon is defined and mainMenuItem.icon is not null -%}
  237.                                     <div class="icon me-1">{{ mainMenuItem.icon |raw }}</div>
  238.                                 {%- endif -%}
  239.                                 <span>{{- mainMenuItem.name -}}</span>
  240.                             </div>
  241.                         </a>
  242.                     </li>
  243.                 {% endfor %}
  244.             {% endif %}
  246.             {% if menu.push is defined and menu.push |length %}
  247.                 {% for mainMenuItem in menu.push %}
  248.                     {% if loop.first %}
  249.                         <li style="margin-left: auto">
  250.                     {% else %}
  251.                         <li>
  252.                     {% endif %}
  253.                         <a href="{{ mainMenuItem.href }}">{{ mainMenuItem.name }}</a>
  254.                     </li>
  255.                 {% endfor %}
  256.             {% endif %}
  257.         </ul>
  258.     </nav>
  259. {% elseif mode == 'minimal' %}
  260.     <header class="header minimal">
  261.         <div class="container">
  262.             <div class="row my-4">
  263.                 {%- set logoSrc = isAdminLogin ? 'theme/images/furbify-logo-admin-login.svg' : 'theme/images/furbify-logo.svg' -%}
  264.                 <div class="col-6" style="border-right: 1px solid #e9e9e9">
  265.                     <a href="{{ path('homepage') }}" class="logo" style="float: right;"><img loading="lazy" decoding="async" src="{{ asset(logoSrc) }}" alt="Furbify" width="135" height="35" /></a>
  266.                 </div>
  267.                 <div class="col-6 d-flex">
  268.                     <div style="margin: auto auto auto 0; font-style: italic;">{{ 'secure checkout' | trans }}</div>
  269.                 </div>
  270.             </div>
  271.         </div>
  272.     </header>
  273. {% endif %}