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': 'お仏壇・ステージ',
  14.         'id':'2',
  15.     },
  16.     {
  17.         'name': 'お位牌',
  18.          'id':'1',
  19.     },
  20.     {
  21.         'name': '仏具・日用品',
  22.          'id':'3',
  23.     },
  24.     {
  25.         'name': '仏壇・仏具セット',
  26.          'id':'4',
  27.     },
  28.     {
  29.         'name': '手元供養',
  30.          'id':'21',
  31.     },
  32. ] %}
  34. {% set siteMaps = [
  35.     {
  36.         'name': 'お知らせ',
  37.         'route': 'reading',
  38.         'url': 'user_data'
  39.     },
  40.     {
  41.         'name': '祈りに親しむ',
  42.         'route': null,
  43.         'url': 'special_posts'
  44.     },
  45.     {
  46.         'name': 'サポートサービス',
  47.         'route': 'service',
  48.         'url': 'user_data'
  49.     },
  50.     {
  51.         'name': 'ご利用ガイド',
  52.         'route': 'guide_top',
  53.         'url': 'user_data'
  54.     },
  55.     {
  56.         'name': '会社概要',
  57.         'route': 'corporate',
  58.         'url': 'user_data'
  59.     },
  60.     {
  61.         'name': 'プライバシーポリシー',
  62.         'route': null,
  63.         'url': 'help_privacy'
  64.     },
  65.     {
  66.         'name': '会員規約',
  67.         'route': null,
  68.         'url': 'help_agreement'
  69.     },
  70.     {
  71.         'name': '特定商取引に基づく表記',
  72.         'route': null,
  73.         'url': 'help_tradelaw'
  74.     },
  75.     {
  76.         'name': 'お問い合わせ',
  77.         'route': null,
  78.         'url': 'contact'
  79.     },
  80.     {
  81.         'name': 'サイトマップ',
  82.         'route': null,
  83.         'url':'help_sitemap'
  84.     },
  85. ] %}
  87. {% block main %}
  88.     <div class="max-w-[1120px] mx-auto flex flex-col lg:px-2">
  89.         <div class="flex items-center justify-center gap-6 lg:hidden">
  90.             <span class="bg-[#E2DFD6] h-px inline-block w-1/2"></span>
  91.             <p class="tracking-wide leading-6 w-1/5 text-center text-[#222] lg:w-auto">商品カテゴリ一覧</p>
  92.             <span class="bg-[#E2DFD6] h-px inline-block w-1/2"></span>
  93.         </div>
  94.         <div class="flex items-center gap-8 justify-center w-full -mt-1 lg:flex-col font-extralight lg:gap-0 lg:max-w-[max(84vw,315px)] lg:mx-auto lg:mb-8 py-10 lg:py-0">
  95.             <p class="tracking-wide leading-6 text-center text-[#222] hidden lg:block mb-3">商品カテゴリ一覧</p>
  96.             {% for category in categories %}
  97.                 <a href="{{url('product_list',{'category_id':category.id})}}" class="cursor-pointer font-normal lg:border-[#E2DFD6] lg:w-full lg:border-b lg:mb-4 lg:last:mb-0 lg:pl-3 lg:py-2 hover text-lg tracking-widest leading-8 lg:text-base">
  98.                     {{category.name}}
  99.                 </a>
  100.             {% endfor %}
  101.         </div>
  102.         <span class="bg-[#E2DFD6] h-px inline-block w-full lg:hidden mb-16"></span>
  103.         <a href="{{ url('user_data', {'route': 'showroom' }) }}" class="block mb-16 lg:mb-8">
  104.             <img src={{ asset('assets/img/header/showroom_banner.png') }} class="lg:max-w-[max(84vw,315px)] w-[500px] h-auto lg:w-ful mx-auto cursor-pointer hover">
  105.         </a>
  106.         <div class="w-full flex md:flex-col items-center justify-center gap-2 mb-14 lg:mb-0 font-normal">
  107.             <a href="{{url("contact")}}" class="flex text-[#222222] w-[208px] lg:max-w-[max(84vw,315px)] lg:w-full border-[#E2DFD6] border rounded justify-between items-center p-3">
  108.                 <div class="flex gap-2 items-center">
  109.                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
  110.                         <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"/>
  111.                     </svg>
  112.                     お問い合わせ
  113.                 </div>
  114.                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  115.                     <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
  116.                 </svg>
  117.             </a>
  118.             <a href="{{url("catalog_confirm")}}" class="flex text-[#222222] w-[208px] lg:max-w-[max(84vw,315px)] lg:w-full border-[#E2DFD6] border rounded justify-between items-center p-3">
  119.                 <div class="flex gap-2 items-center">
  120.                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
  121.                         <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25"/>
  122.                     </svg>
  123.                     資料請求
  124.                 </div>
  125.                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  126.                     <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
  127.                 </svg>
  128.             </a>
  129.             <a href="tel:0355795671" class=" text-[#222222] w-[208px] lg:max-w-[max(84vw,315px)] lg:w-full border-[#E2DFD6] border rounded justify-between items-center p-3 lg:flex hidden">
  130.                 <div class="flex gap-2 items-center">
  131.                     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
  132.                         <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 0 0 2.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 0 1-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 0 0-1.091-.852H4.5A2.25 2.25 0 0 0 2.25 4.5v2.25Z"/>
  133.                     </svg>
  134.                     03-5579-5671
  135.                 </div>
  136.                 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 w-3 h-3">
  137.                     <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"/>
  138.                 </svg>
  139.             </a>
  140.         </div>
  141.         <nav class="mb-10 lg:hidden">
  142.             <ul class="flex-wrap flex items-center justify-center gap-6 lg:gap-4 font-light">
  143.                 {% for siteMap in siteMaps %}
  144.                     <li class="font-notosans">
  145.                         {% if siteMap.url != null %}
  146.                             <a href="{{ url(siteMap.url, {'route': siteMap.route }) }}" class="text-xs leading-6 hover tracking-wider">
  147.                                 {{siteMap.name}}
  148.                             </a>
  149.                         {% else %}
  150.                             <a href="{{ url(siteMap.url)}}" class="text-xs leading-6 hover tracking-wider">
  151.                                 {{siteMap.name}}
  152.                             </a>
  153.                         {% endif %}
  154.                     </li>
  155.                 {% endfor %}
  156.             </ul>
  157.         </nav>
  158.     </div>
  159. {% endblock %}