app/template/bravers/Block/header.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. <div class="ec-headerNaviTop">
  12.     <div class="ec-headerNaviTop__inner">
  13.         <div class="ec-headerNaviTop__left">
  14.             <p class="ec-headerNaviTop__left__text">5,400円以上<br class="sp-show">送料無料</p>
  15.             <p class="ec-headerNaviTop__left__text m-none">12時迄注文で<br class="sp-show">当日出荷</p>
  16.         </div>
  17.         <p class="ec-headerNaviTop__right">ブレイバースは<br class="m-show">美容師さん、理容師さんのための<br class="sp-show">会員制プロショップです</p>
  18.     </div>
  19. </div>
  20. <div class="ec-headerNaviRole">
  21.     <div class="ec-headerNaviRole__left">
  22.         <div class="ec-headerNaviRole__logo">
  23.             <a href="{{ url('homepage') }}">
  24.                 <img src="{{ asset('assets/img/common/logo-header.svg') }}" alt="株式会社bravers(ブレイバーズ)" width="150" height="150" loading="lazy">
  25.             </a>
  26.         </div>
  27.         {# <div class="ec-headerNaviRole__search">
  28.             {{ render(path('block_search_product')) }}
  29.         </div>
  30.         <div class="ec-headerRole__navSP">
  31.             {{ include('Block/nav_sp.twig') }}
  32.         </div> #}
  33.     </div>
  34.     <div class="ec-headerNaviRole__right">
  35.         <div class="ec-headerNaviRole__link bt">
  36.             <a href="{{ url('contact')}}" class="link">
  37.                 <img src="{{ asset('assets/img/common/hatena.svg') }}" alt="ヘルプ" width="22" height="22" loading="lazy">
  38.                 <span class="ec-headerNaviRole__link__linkText">{{ 'ヘルプ・お問い合わせ'|trans }}</span>
  39.             </a>
  40.         </div>
  41.         {% if is_granted('ROLE_USER') %}
  42.             <div class="ec-headerNaviRole__link moderate s-show">
  43.                 <button class="white-no-warp button">
  44.                     <img class="user-icon"class="user-icon" src="{{ asset('assets/img/common/user.svg') }}" alt="" width="12" height="18" loading="lazy">
  45.                     <p class="text">{{ '%last_name% %first_name%'|trans({ '%last_name%': app.user.name01, '%first_name%': app.user.name02 }) }}<span>{% if BaseInfo.option_point %}({{ 'ポイント%point%'|trans({ '%point%': app.user.point|number_format}) }}){% endif %}</span></p>
  46.                 </button>
  47.                 <div class="dropdown ec-headerNaviRole__link__dropdown">
  48.                     <a href="{{ url('mypage') }}">マイページ</a>
  49.                     <a href="{{ url('logout') }}">ログアウト</a>
  50.                 </div>
  51.             </div>
  52.         {% else %}
  53.             <div class="ec-headerNaviRole__link">
  54.                 <a class="link" href="{{ url('mypage_login') }}">
  55.                     <img src="{{ asset('assets/img/common/login.svg') }}" alt="" width="22" height="22" loading="lazy">
  56.                     <span class="ec-headerNaviRole__link__linkText">{{ 'ログイン'|trans }}</span>
  57.                 </a>
  58.             </div>
  59.         {% endif %}
  60.         {# <button class="hamburger-btn">
  61.             <span></span>
  62.             <span></span>
  63.             <span></span>
  64.         </button> #}
  65.         {{ include('Block/nav_sp.twig') }}
  66.         {# <div class="ec-headerNaviRole__nav">
  67.             {{ include('Block/login.twig') }}
  68.         </div>
  69.         <div class="ec-headerRole__cart">
  70.             {{ include('Block/cart.twig') }}
  71.         </div> #}
  72.     </div>
  73. </div>
  74. <div class="ec-headerMenu">
  75.     <div class="ec-headerMenu__inner">
  76.         <div class="ec-headerMenu__left">
  77.             <div class="ec-headerMenu__search">
  78.                 {{ render(path('block_search_product')) }}
  79.             </div>
  80.         </div>
  81.         <div class="ec-headerMenu__right">
  82.             <ul class="ec-headerMenu__list">
  83.                 <li class="ec-headerMenu__list__maker">
  84.                     <div class="moderate">
  85.                         <button id="dropdown__btn" class="dropdown__btn white-no-warp button">メーカー・カテゴリー</button>
  86.                         <div class="dropdown__body dropdown" data-tabs>
  87.                             <nav class="dropdown__body__left">
  88.                                 {% for Category in TopCategories %}
  89.                                     <button class="dropdown__body__left__btn {% if loop.index == 1 %}is-active{% endif %}" data-tab>
  90.                                         {{ Category.name }}
  91.                                     </button>
  92.                                 {% endfor %}
  93.                             </nav>
  94.                             <div class="dropdown__body__right">
  95.                                 {% for Category in TopCategories %}
  96.                                     {% if Category.children|length > 0 %}
  97.                                     <ul class="dropdown__list {% if loop.index == 1 %}is-show{% endif %}" data-tab-content>
  98.                                     {# ここにカテゴリーを置いて欲しいです。 #}
  99.                                         {% for ChildCategory in Category.children %}
  100.                                             <li class="dropdown__item">
  101.                                                 <a href="{{ url('product_list') }}?category_id={{ ChildCategory.id }}" class="dropdown__item-link {% if ChildCategory.children|length > 0 %}lowerLayer{% endif %}">
  102.                                                     {{ ChildCategory.name }}
  103.                                                 </a>
  104.                                                 {# ここは第三階層 #}
  105.                                                 {% if ChildCategory.children|length > 0 %}
  106.                                                     <ul class="dropdown__item__hover">
  107.                                                         {% for ChildCategory2 in ChildCategory.children %}
  108.                                                             <li class="dropdown__item__hover__item">
  109.                                                                 <a href="{{ url('product_list') }}?category_id={{ ChildCategory2.id }}" class="dropdown__item__hover__item__link">{{ChildCategory2.name}}</a>
  110.                                                             </li>
  111.                                                         {% endfor %}
  112.                                                     </ul>
  113.                                                 {% endif %}
  114.                                             </li>
  115.                                         {% endfor %}
  116.                                     </ul>
  117.                                     {% endif %}
  118.                                 {% endfor %}
  119.                             </div>
  120.                             
  121.                         </div>
  122.                     </div>
  123.                     <button class="sp-hamburger" aria-controls="hamburger_menu">メーカー・カテゴリー</button>
  124.                 </li>
  125.                 <li class="ec-headerMenu__list__item">
  126.                     <a href="{{ url('mypage_favorite') }}" class="link">
  127.                         <img src="{{ asset('assets/img/common/favorite.svg') }}" alt="お気に入り" width="24" height="24" loading="lazy">
  128.                         <span class="ec-headerNav__itemLink">{{ 'お気に入り'|trans }}</span>
  129.                     </a>
  130.                 </li>
  131.                 <li class="ec-headerMenu__list__item">
  132.                     <a href="{{ url('history_product_list') }}" class="link">
  133.                         <img src="{{ asset('assets/img/common/purchase.svg') }}" alt="お気に入り" width="24" height="24" loading="lazy">
  134.                         <span>購入履歴</span>
  135.                     </a>
  136.                 </li>
  137.                 <li class="ec-headerMenu__list__item ">
  138.                     {{ include('Block/cart.twig') }}
  139.                 </li>
  140.             </ul>
  141.         </div>
  142.     </div>
  143. </div>