app/template/default/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. #}
  12. <!-- FONT -->
  13. <link rel="preconnect" href="https://fonts.googleapis.com">
  14. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  15. <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700;900&Heebo:wght@400;700;900&display=swap" rel="stylesheet">
  16. <link href="https://fonts.cdnfonts.com/css/druk-trial" rel="stylesheet">
  18. <!-- CSS -->
  19. <link rel="stylesheet" href="/assets/scss/style.css">
  20. <link rel="stylesheet" href="/assets/scss/sp.css">
  22. <!-- JS ------------------->
  23. <script src="/assets/js/common.js"></script>
  24. <script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
  26. {% set Categories = repository('Eccube\\Entity\\Category').getList() %}
  27. {% macro tree(Category) %}
  28.     {% from _self import tree %}
  29.     <a href="{{ url('product_list') }}?category_id={{ Category.id }}">
  30.         {{ Category.name }}
  31.     </a>
  32.     {% if Category.children|length > 0 %}
  33.         <ul>
  34.             {% for ChildCategory in Category.children %}
  35.                 <li>
  36.                     {{ tree(ChildCategory) }}
  37.                 </li>
  38.             {% endfor %}
  39.         </ul>
  40.     {% endif %}
  41. {% endmacro %}
  42. {# @see https://github.com/bolt/bolt/pull/2388 #}
  43. {% from _self import tree %}
  45. <header id="header">
  46.     <h1>
  47.         <a href="{{ url('homepage') }}"><img src="/assets/images/logo.svg" alt="{{ BaseInfo.shop_name }}"></a>
  48.     </h1>
  49.     <nav>
  50.         <ul>
  51.             <li><a href="{{ url('product_list') }}">ITEM</a></li>
  52.             <!--li>
  53.                 <a href="">CATEGORY</a>
  54.                 <ul>
  55.                     {% for Category in Categories %}
  56.                         <li>{{ tree(Category) }}</li>
  57.                     {% endfor %}
  58.                 </ul>
  59.             </li-->
  60.             <li><a href="{{ url('help_about') }}">ABOUT</a></li>
  61.             <li><a href="{{ url('contact') }}">CONTACT</a></li>
  62.             <li class="member">
  63.                 <div class="mypage">
  64.                     {% if is_granted('ROLE_USER') %}
  65.                         <a href="{{ url('mypage') }}">
  66.                             <img class="icon" src="/assets/images/icon-mypage.svg">
  67.                             <span>{{ 'MYPAGE'|trans }}</span>
  68.                         </a>
  69.                     {% else %}
  70.                         <a href="{{ url('mypage_login') }}">
  71.                             <img class="icon" src="/assets/images/icon-mypage.svg">
  72.                             <span> {{ 'LOGIN'|trans }}</span>
  73.                         </a>
  74.                     {% endif %}
  75.                 </div><!-- /mypage -->
  76.                 <div class="cart">
  77.                     {{ include('Block/cart.twig') }}
  78.                 </div><!-- /cart -->
  79.             </li><!-- /member -->
  80.         </ul>
  81.     </nav>
  82.     <div class="sp member">
  83.         <ul>
  84.             <li class="mypage">
  85.                 {% if is_granted('ROLE_USER') %}
  86.                     <a href="{{ url('mypage') }}"><img class="icon" src="/assets/images/icon-mypage.svg"></a>
  87.                 {% else %}
  88.                     <a href="{{ url('mypage_login') }}"><img class="icon" src="/assets/images/icon-mypage.svg"></a>
  89.                 {% endif %}
  90.             </li><!-- /mypage -->
  91.             <li class="cart">{{ include('Block/cart.twig') }}</li>
  92.         </ul>
  93.         <a class="menu-trigger" onclick="Menu.Swap()">
  94.             <div>
  95.                 <span></span>
  96.                 <span></span>
  97.                 <span></span>
  98.             </div>
  99.         </a>
  100.     </div><!-- /sp -->
  101. </header><!-- /header -->