src/Eccube/Resource/template/default/hamburger.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. {% set categories = [
  12.     {
  13.         'name':'CONCEPT',
  14.         'href':'/help/about',
  15.     },
  16.     {
  17.         'name':'LINE UP',
  18.         'href':'/products/list',
  19.     },
  20.     {
  21.         'name':'海洋散骨',
  22.         'href':'/sea_burial',
  23.     },
  24.     {
  25.         'name':'SPECIAL',
  26.         'href':'/special',
  27.     },
  28.     {
  29.         'name':'ニュース',
  30.         'href':'/news',
  31.     },
  32.     {
  33.         'name':'ご利用ガイド',
  34.         'href':'/guide',
  35.     },
  36.     {
  37.         'name':'お問い合わせ',
  38.         'href':'/contact/other',
  39.     }
  40. ] %}
  42. {% set guides = [
  43.     {
  44.         'name':'よくあるご質問',
  45.         'href':'/qa'
  46.     },
  47.     {
  48.         'name':'プライバシーポリシー',
  49.         'href':'/help/privacy'
  50.     },
  51.     {
  52.         'name':'会員規約',
  53.         'href':'/help/agreement'
  54.     },
  55.     {
  56.         'name':'特定商取引法に基づく表記',
  57.         'href':'/help/tradelaw'
  58.     },
  59.     {
  60.         'name':'サイトマップ',
  61.         'href':'/help/sitemap'
  62.     },
  63. ] %}
  64. {% block main %}
  65.     <div class="flex">
  66.         <div class="bg-black w-[21.8vw]"></div>
  67.         <div
  68.             class="bg-white w-full pb-[136px]">
  69.             {# 閉じる #}
  70.             <div class="h-16 items-center justify-end flex border-b border-sub-gray">
  71.                 <button class="relative js-hamburger-menu hover">
  72.                     <img src="{{asset('assets/icon/close.svg')}}" alt="閉じる" class="w-8 h-8 mr-6">
  73.                 </button>
  74.             </div>
  75.             {# ログインとカート #}
  76.             <div class="flex border-b border-sub-gray">
  77.                 <div class="w-1/2 border-r border-sub-gray py-9 items-center justify-center">
  78.                     <a href="{% if is_granted('ROLE_USER') %} /mypage {% else %} /mypage/login {% endif %}" class="flex flex-col justify-center items-center gap-2 hover">
  79.                         <img src="{{asset('assets/icon/person.svg')}}" alt="ログインのアイコン" class="w-8 h-8">
  80.                         {% if is_granted('ROLE_USER') %}
  81.                             <p class="whitespace-nowrap text-xs leading-[18px]">マイページ</p>
  82.                         {% else %}
  83.                             <p class="whitespace-nowrap text-xs leading-[18px]">ログイン</p>
  84.                         {% endif %}
  85.                     </a>
  86.                 </div>
  87.                 <div class="w-1/2 border-r border-sub-gray py-9 items-center justify-center">
  88.                     <a href="/cart" class="flex flex-col justify-center items-center gap-2 hover">
  89.                         <img src="{{asset('assets/icon/shopping_cart.svg')}}" alt="カートのアイコン" class="w-8 h-8">
  90.                         <p class="whitespace-nowrap text-xs leading-[18px]">カート</p>
  91.                     </a>
  92.                 </div>
  93.             </div>
  94.             {# カテゴリー #}
  95.             <ul class="leading-7 text-sm">
  96.                 {% for category in categories %}
  97.                     {# TODO:実装後リンク確認 #}
  98.                     <li class="py-5 px-8 border-b border-sub-gray">
  99.                         <a href={{category.href}} class="hover">{{category.name}}</a>
  100.                     </li>
  101.                 {% endfor %}
  102.                 <li class=" {% if is_granted('ROLE_USER') %} block  py-5 px-8 border-b border-sub-gray {% else %} hidden {% endif %}">
  103.                     <a href="/logout" class="hover flex gap-1 items-center"><img src="{{asset('assets/icon/logout_icon.svg')}}" alt="ログアウトアイコン" class="w-[14px] h-[14px]"><p>ログアウト</p>
  104.                     </a>
  105.                 </li>
  106.             </ul>
  107.             <div class="pl-8 pr-6 pt-11 text-xs whitespace-nowrap">
  108.                 <ul class="w-full flex flex-wrap gap-x-6 gap-y-4 pb-5">
  109.                     {% for guide in guides %}
  110.                         <li>
  111.                             <a href={{guide.href}} class="hover">{{guide.name}}</a>
  112.                         </li>
  113.                     {% endfor %}
  114.                     <div class="pb-10 flex gap-2 items-center">
  115.                         <a href="http://manaka-ltd.jp/profile/" class="flex gap-1 items-center hover">
  116.                             <p>会社概要</p>
  117.                             <img src="{{asset('assets/icon/link.svg')}}" alt="会社概要">
  118.                         </a>
  119.                     </div>
  120.                 </ul>
  121.                 <p class="text-[8px] font-notoserif">© Itsukushi. by 株式会社まなか All Rights Reserved.</p>
  122.             </div>
  123.         </div>
  124.     </div>
  125. {% endblock %}