templates/default/snippet/header.html.twig line 130

Open in your IDE?
  1. {#{{ dump(app.session) }}#}
  2. {#{{ dump(app.session.get('_pimcore_admin')) }}#}
  3. {#{{ dump(app.session.get('user')) }}#}
  4. {% if editmode %}
  5.     <style>
  6.         .header-container {
  7.             background-color: #1A1821;
  8.             min-height: 500px;
  9.             color: #fff !important;
  10.             padding: 10px;
  11.         }
  12.         a {
  13.             color: #fff;
  14.             font-weight: bold;
  15.         }
  16.     </style>
  17.     <div class="container header-container">
  18.         <h1>Felső linkek:</h1>
  19.         {% for i in pimcore_block('header-upper-row').iterator %}
  20.             <div>
  21.                 <p>Link:<br>{{ pimcore_link('link', {'required': 'linkonly'}) }}</p>
  22.                 <hr>
  23.             </div>
  24.         {% endfor %}
  25.         <h1>Kollekciók oldalak:</h1>
  26.         {% for i in pimcore_block('header-main-category-row').iterator %}
  27.             <div>
  28.                 <p>Kép:<br>{{ pimcore_image('image', {'required': true}) }}</p>
  29.                 <hr>
  30.             </div>
  31.         {% endfor %}
  32.         <h1>Első alkollekciók oldal linkek:</h1>
  33.         {% for i in pimcore_block('header-category-row').iterator %}
  34.             <div>
  35.                 <p>Link:<br>{{ pimcore_link('link', {'required': 'linkonly'}) }}</p>
  36.                 <p>Kép:<br>{{ pimcore_image('image', {'required': true}) }}</p>
  37.                 <hr>
  38.             </div>
  39.         {% endfor %}
  40.         <h1>Második alkollekciók oldal linkek:</h1>
  41.         {% for i in pimcore_block('header-category-row2').iterator %}
  42.             <div>
  43.                 <p>Link:<br>{{ pimcore_link('link', {'required': 'linkonly'}) }}</p>
  44.                 <p>Kép:<br>{{ pimcore_image('image', {'required': true}) }}</p>
  45.                 <hr>
  46.             </div>
  47.         {% endfor %}
  48.     </div>
  49. {% else %}
  50.     <header>
  51.         <nav class="navbar navbar-light">
  52.             <div class="container navbar-wrapper">
  53.                 <button type="button" class="navbar-toggler collapsed" data-toggle="collapse" data-target="#navMenu">
  54.                     <span class="toggler-icon top-bar"></span>
  55.                     <span class="toggler-icon bottom-bar"></span>
  56.                 </button>
  57.                 <nav aria-label="breadcrumb" class="breadcrumb-navigation">
  58.                     <ul class="breadcrumb">
  59.                         {% set breadcrumbCategory = pimcore_placeholder('breadcrumbCategory').getValue() %}
  60.                         {% if (breadcrumbCategory is instanceof('Pimcore\\Model\\DataObject\\CoreShopCategory')) %}
  61.                             <li class="breadcrumb-item" aria-current="page"><a href="/">Főoldal</a></li>
  62.                             <li class="breadcrumb-item" aria-current="page"><a
  63.                                     href="{{ path('e_boutique') }}">E-Boutique</a></li>
  64.                             {% for key, cat in breadcrumbCategory.hierarchy %}
  65.                                 {% if key + 1 == breadcrumbCategory.hierarchy|length %}
  66.                                     <li class="breadcrumb-item" aria-current="page"><a>{{ cat.name|upper }}</a></li>
  67.                                 {% else %}
  68.                                     <li class="breadcrumb-item" aria-current="page"><a
  69.                                             href="{{ pimcore_url({'object': cat}) }}"
  70.                                             title="{{ cat.name|upper }}">{{ cat.name|upper }}</a></li>
  71.                                 {% endif %}
  72.                             {% endfor %}
  73.                         {% endif %}
  74.                         {% set breadcrumbProduct = pimcore_placeholder('breadcrumbProduct').getValue() %}
  75.                         {% if (breadcrumbProduct is instanceof('Pimcore\\Model\\DataObject\\CoreShopProduct')) %}
  76.                             <li class="breadcrumb-item" aria-current="page"><a href="/">Főoldal</a></li>
  77.                             <li class="breadcrumb-item" aria-current="page"><a
  78.                                     href="{{ path('e_boutique') }}">E-Boutique</a></li>
  79.                             {% if breadcrumbProduct.categories|length > 0 %}
  80.                                 {% for cat in breadcrumbProduct.categories|last.hierarchy %}
  81.                                     <li class="breadcrumb-item" aria-current="page"><a
  82.                                             href="{{ pimcore_url({'object': cat}) }}"
  83.                                             title="{{ cat.name|upper }}">{{ cat.name|upper }}</a></li>
  84.                                 {% endfor %}
  85.                             {% endif %}
  86.                             <li class="breadcrumb-item" aria-current="page"><a
  87.                                     title="{{ breadcrumbProduct.sku|upper }}">{{ breadcrumbProduct.sku|upper }}</a>
  88.                             </li>
  89.                         {% endif %}
  90.                         {% set breadcrumbNews = pimcore_placeholder('breadcrumbNews').getValue() %}
  91.                         {% if breadcrumbNews %}
  92.                             {% for item in breadcrumbNews %}
  93.                                 {% if item.path is null %}
  94.                                     <li class="breadcrumb-item" aria-current="page"><a
  95.                                             title="{{ item.title|upper }}">{{ item.title|upper }}</a></li>
  96.                                 {% else %}
  97.                                     <li class="breadcrumb-item" aria-current="page"><a href="{{ item.path }}"
  98.                                                                                        title="{{ item.title|upper }}">{{ item.title | upper }}</a>
  99.                                     </li>
  100.                                 {% endif %}
  101.                             {% endfor %}
  102.                         {% endif %}
  103.                     </ul>
  104.                 </nav>
  105.                 <div>
  106.                     <a class="navbar-brand" href="/">
  107.                         <img src="{{ asset('/themes/frontend/images/seiko-boutique-logo.svg') }}" alt="Seiko Boutique">
  108.                     </a>
  109.                 </div>
  110.                 <div class="search-bar-wrapper" id="searchBar">
  111.                     <form action="/kereso/" method="get">
  112.                         <input type="search" id="site-search" name="q">
  113.                         <button type="button" onclick="closeSearch()" class="">
  114.                             <img src="{{ asset('/themes/frontend/images/close.svg') }}" alt="Bezárás">
  115.                         </button>
  116.                     </form>
  117.                 </div>
  118.                 <div id="navIconList">
  119.                     <button id="navbar-search-button" onclick="openSearch()" type="button" class="btn navIcon">
  120.                         <img src="{{ asset('/themes/frontend/images/search.svg') }}" alt="Keresés">
  121.                     </button>
  122.                     <div id="wishlist-widget">
  123.                         {{ render(controller('App\\Ecommerce\\Controller\\WishListController::wishlistWidgetAction', {
  124.                             'ignore_errors': true
  125.                         })) }}
  126.                     </div>
  127.                     <div id="mini-cart-container">
  128.                         {{ render(controller('App\\Ecommerce\\Controller\\CartController::widgetAction', {'ignore_errors': true})) }}
  129.                     </div>
  130.                     <a href="{{ path('profil') }}" class="btn navIcon">
  131.                         <img src="{{ asset('themes/frontend/images/profile.svg') }}" alt="Profil">
  132.                     </a>
  133.                 </div>
  134.             </div>
  135.             <!-- SEARCH  -->
  136.             <div class="searchbar">
  137.                 <div style="flex: 1;">
  138.                     <input id="serachbar-input-mobile" type="text" placeholder="Keresés..."/>
  139.                 </div>
  140.                 <div>
  141.                     <button id="navbar-search-button-mobile" type="button" class="btn navIcon">
  142.                         <img src="{{ asset('/themes/frontend/images/search.svg') }}" alt="Keresés">
  143.                     </button>
  144.                 </div>
  145.             </div>
  146.             <div class="collapse navbar-collapse" id="navMenu">
  147.                 <ul class="row" id="navMenuList">
  148.                     {% set upperRow = pimcore_block('header-upper-row') %}
  149.                     {% if upperRow and upperRow.getCount() %}
  150.                         {% for i in upperRow.iterator %}
  151.                             {% if not pimcore_link('link').isEmpty() %}
  152.                                 <li class="nav-item">
  153.                                     {{ pimcore_link('link', {
  154.                                         'class': 'nav-link'
  155.                                     }) }}
  156.                                 </li>
  157.                             {% endif %}
  158.                         {% endfor %}
  159.                     {% endif %}
  160.                 </ul>
  161.                 <div class="row w-100 m-0" id="navLogoList">
  162.                     {% set categoryRow = pimcore_block('header-main-category-row') %}
  163.                     {% if categoryRow and categoryRow.getCount() %}
  164.                         <div class="header-main-category-row">
  165.                             {% for i in categoryRow.iterator %}
  166.                                 {% set link = pimcore_link('link') %}
  167.                                 {% set image = pimcore_image('image') %}
  168.                                 {% if image and image.getImage() %}
  169.                                     <div class="col-lg-2 col-md-2 col-6 navLogoMainListItem"
  170.                                          onclick="openNavSiteLinks({{ i }},event)">
  171.                                         <ul class="header-main-category-row-item">
  172.                                             <li class="nav-logo-item">
  173.                                                 {{ pimcore_image('image', {
  174.                                                    'imgAttributes' : {
  175.                                                         "class" : "header-main-category-row-image"
  176.                                                    }
  177.                                                 }) }}
  178.                                             </li>
  179.                                         </ul>
  180.                                     </div>
  181.                                 {% endif %}
  182.                                 {# #289 issues
  183.                                 % if not pimcore_link('link').isEmpty() and image and image.getImage() %}
  184.                                     <div class="col-lg-2 col-md-2 col-6 navLogoMainListItem"
  185.                                          onclick="openNavSiteLinks({{ i }},event)">
  186.                                         <ul>
  187.                                             <li class="nav-logo-item">
  188.                                                 {{ pimcore_link('link', {
  189.                                                     'noText': true,
  190.                                                     'textPrefix': image
  191.                                                 }) }}
  192.                                             </li>
  193.                                         </ul>
  194.                                     </div>
  195.                                 {% endif %#}
  196.                             {% endfor %}
  197.                         </div>
  198.                     {% endif %}
  199.                     {% set categoryRow = pimcore_block('header-category-row') %}
  200.                     {% if categoryRow and categoryRow.getCount() %}
  201.                         <div class="header-category-row displayNone">
  202.                             {% for i in categoryRow.iterator %}
  203.                                 {% set link = pimcore_link('link') %}
  204.                                 {% set image = pimcore_image('image') %}
  205.                                 {% if not pimcore_link('link').isEmpty() and image and image.getImage() %}
  206.                                     <div class="col-lg-2 col-md-2 col-6 navLogoListItem">
  207.                                         <ul>
  208.                                             <li class="nav-logo-item">
  209.                                                 {{ pimcore_link('link', {
  210.                                                     'noText': true,
  211.                                                     'textPrefix': image
  212.                                                 }) }}
  213.                                             </li>
  214.                                         </ul>
  215.                                     </div>
  216.                                 {% endif %}
  217.                             {% endfor %}
  218.                         </div>
  219.                     {% endif %}
  220.                     {% set categoryRow = pimcore_block('header-category-row2') %}
  221.                     {% if categoryRow and categoryRow.getCount() %}
  222.                         <div class="header-category-row2 displayNone">
  223.                             {% for i in categoryRow.iterator %}
  224.                                 {% set link = pimcore_link('link') %}
  225.                                 {% set image = pimcore_image('image') %}
  226.                                 {% if not pimcore_link('link').isEmpty() and image and image.getImage() %}
  227.                                     <div class="col-lg-2 col-md-2 col-6 navLogoListItem">
  228.                                         <ul>
  229.                                             <li class="nav-logo-item">
  230.                                                 {{ pimcore_link('link', {
  231.                                                     'noText': true,
  232.                                                     'textPrefix': image
  233.                                                 }) }}
  234.                                             </li>
  235.                                         </ul>
  236.                                     </div>
  237.                                 {% endif %}
  238.                             {% endfor %}
  239.                         </div>
  240.                     {% endif %}
  241.                     <div class="col-12 nav-watchlist-wrapper">
  242.                         <p class="nav-watchlist" title="Az összes óra megtekintése">
  243.                             <a href="/e-boutique">Az összes óra megtekintése</a>
  244.                         </p>
  245.                     </div>
  246.                 </div>
  247.                 <div class="row w-100" id="navMenuClose">
  248.                     <div class="col-12">
  249.                         <ul>
  250.                             <li class="nav-item-close">
  251.                                 <a class="nav-link nav-close" data-toggle="collapse" data-target="#navMenu"
  252.                                    href="#">
  253.                                     Bezárás
  254.                                 </a>
  255.                             </li>
  256.                         </ul>
  257.                     </div>
  258.                 </div>
  259.             </div>
  260.         </nav>
  261.     </header>
  262. {% endif %}