src/Eccube/Resource/template/default/Block/footer.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. ] %}
  33. {% set siteMaps = [
  34.     {
  35.         'name': 'お知らせ',
  36.         'route': 'reading',
  37.         'url': 'user_data'
  38.     },
  39.     {
  40.         'name': '祈りに親しむ',
  41.         'route': null,
  42.         'url': 'special_posts'
  43.     },
  44.     {
  45.         'name': 'サポートサービス',
  46.         'route': 'service',
  47.         'url': 'user_data'
  48.     },
  49.     {
  50.         'name': 'ご利用ガイド',
  51.         'route': 'guide_top',
  52.         'url': 'user_data'
  53.     },
  54.     {
  55.         'name': '会社概要',
  56.         'route': 'corporate',
  57.         'url': 'user_data'
  58.     },
  59.     {
  60.         'name': 'プライバシーポリシー',
  61.         'route': null,
  62.         'url': 'help_privacy'
  63.     },
  64.     {
  65.         'name': '会員規約',
  66.         'route': null,
  67.         'url': 'help_agreement'
  68.     },
  69.     {
  70.         'name': '特定商取引に基づく表記',
  71.         'route': null,
  72.         'url': 'help_tradelaw'
  73.     },
  74.     {
  75.         'name': 'お問い合わせ',
  76.         'route': null,
  77.         'url': 'contact'
  78.     },
  79.     {
  80.         'name': 'サイトマップ',
  81.         'route': 'sitemap',
  82.         'url':'help_sitemap'
  83.     },
  84. ] %}
  85. {% block main %}
  86.     {{ include('recommendation.twig') }}
  87.     <div class="footer relative pt-[100px] pb-20 md:pt-11 md:pb-11 mx-auto flex flex-col bg-manakaBeige w-full items-center justify-center  gap-y-10 px-[max(8vw,28px)]">
  88.         <div class="max-w-[1120px] w-full flex flex-col lg:w-[max(84vw,315px)] gap-y-10 lg:gap-y-6">
  89.             <div class="w-full flex flex-col gap-y-11 lg:gap-y-6">
  90.                 <div class="w-full flex flex-col justify-center gap-y-10 lg:gap-y-3">
  91.                     <div class="w-full relative flex justify-between items-center lg:justify-center gap-x-6">
  92.                         <div class="w-full flex flex-col lg:hidden">
  93.                             <div class="w-full bg-[#E2DFD6] h-[1px]"></div>
  94.                             <div class="w-full bg-white h-[1px]"></div>
  95.                         </div>
  96.                         <h3 class="md:text-lg whitespace-nowrap font-extralight tracking-[2.8px]">商品カテゴリ一覧</h3>
  97.                         <div class="w-full flex flex-col lg:hidden">
  98.                             <div class="w-full bg-[#E2DFD6]  h-[1px]"></div>
  99.                             <div class="w-full bg-white h-[1px]"></div>
  100.                         </div>
  101.                         <div class="ec-blockTopBtn pagetop hover:opacity-80">
  102.                             <div class="absolute right-0 top-[-24px] bg-white w-20 h-20 shadow-manaka flex items-center justify-center rounded-full xl:hidden"><img src={{ asset('assets/img/top/arrow_link.svg') }} alt="ページトップ" class="w-8 h-2 -rotate-90 content-center transform translate-x-0"></div>
  103.                         </div>
  104.                     </div>
  105.                     <div class="w-full flex-col hidden lg:flex ">
  106.                         <div class="w-full bg-[#E2DFD6] h-[1px]"></div>
  107.                         <div class="w-full bg-white h-[1px]"></div>
  108.                     </div>
  109.                     <ul class="w-full lg:w-[max(84vw,315px)] flex gap-x-14 items-center justify-center lg:flex-col gap-y-[14px]">
  110.                         {% for category in categories %}
  111.                             <li>
  112.                                 <a href="{{url('product_list',{'category_id':category.id})}}" class="whitespace-nowrap text-[18px] lg:text-base tracking-wider">{{category.name}}</a>
  113.                             </li>
  114.                         {% endfor %}
  115.                     </ul>
  116.                     <div class="w-full flex flex-col test">
  117.                         <div class="w-full bg-[#E2DFD6] h-[1px]"></div>
  118.                         <div class="w-full bg-white h-[1px]"></div>
  119.                     </div>
  120.                 </div>
  121.                 <div class="w-full flex flex-col items-center justify-center gap-y-5">
  122.                     <a href="{{url("help_about")}}" class="whitespace-nowrap tracking-widest hover">祈りの道具屋 まなかについて</a>
  123.                     <ul class="flex gap-x-6 flex-wrap items-center justify-center gap-y-4 lg:gap-x-3">
  124.                         {% for siteMap in siteMaps %}
  125.                             <li class="text-xs whitespace-nowrap font-extralight font-notosans tracking-wider">
  126.                                 {% if siteMap.url != null %}
  127.                                     <a href="{{ url(siteMap.url, {'route': siteMap.route }) }}">
  128.                                         {{siteMap.name}}
  129.                                     </a>
  130.                                 {% else %}
  131.                                     <a href="{{ url(siteMap.url)}}">
  132.                                         {{siteMap.name}}
  133.                                     </a>
  134.                                 {% endif %}
  135.                             </li>
  136.                         {% endfor %}
  137.                     </ul>
  138.                 </div>
  139.             </div>
  140.             <div class="flex flex-col gap-y-8">
  141.                 <div
  142.                     class="flex gap-y-5 flex-col">
  143.                     {# SNS #}
  144.                     <div class="flex items-center gap-4 justify-center w-full">
  145.                         <a href="https://www.facebook.com/inorinodouguya.manaka" class="cursor-pointer hover">
  146.                             <img src={{ asset('assets/img/footer/facebook.svg') }}>
  147.                         </a>
  148.                         <a href="https://www.instagram.com/inorinodouguya.manaka" class="cursor-pointer hover">
  149.                             <img src={{ asset('assets/img/footer/instagram.svg') }}>
  150.                         </a>
  151.                     </div>
  152.                     {# 電話 #}
  153.                     <div class="flex flex-col gap-y-[10px] items-center">
  154.                         <a href="tel:0355795671" class="flex gap-x-4 bg-white px-[44px] py-[14px] items-center rounded-full w-[580px] lg:w-[300px] justify-center">
  155.                             <div class="flex gap-x-2 items-center">
  156.                                 <p class="text-[22px] lg:text-[20px]">03-5579-5671</p>
  157.                                 <img src={{ asset('assets/img/footer/phone.svg') }} alt="電話" class="w-[30px] h-[30px]">
  158.                             </div>
  159.                             <p class="text-xs lg:hidden tracking-widest">受付時間／10:00～18:00（年末年始除く）</p>
  160.                         </a>
  161.                         <p class="hidden lg:block text-[10px] tracking-widest">受付時間／10:00～18:00（年末年始除く）</p>
  162.                     </div>
  163.                 </div>
  164.                 <div
  165.                     class="w-full flex flex-col gap-y-10 lg:gap-y-8">
  166.                     {# 案内 #}
  167.                     <nav class="flex items-center gap-10 mx-auto lg:flex-col lg:gap-1">
  168.                         <a href="{{url('user_data',{route:'showroom'})}}" class="text-manakaGold underline tracking-widest cursor-pointer hover lg:text-xs">
  169.                             銀座・横浜 ショールームのご案内 >
  170.                         </a>
  171.                         <a href="{{url('catalog_confirm')}}" class="text-manakaGold underline tracking-widest cursor-pointer hover lg:text-xs">
  172.                             資料請求はこちら >
  173.                         </a>
  174.                     </nav>
  175.                     {# 会社情報 #}
  176.                     <div class="w-full items-center justify-center gap-2 flex flex-col text-sm lg:text-xs">
  177.                         <p class="lg:hidden tracking-widest">モダン位置・モダン仏壇・ミニ仏壇・ステージ仏壇・おしゃれ仏壇・ミニ骨壺</p>
  178.                         <p class="tracking-wider">©︎2022 株式会社まなか</p>
  179.                     </div>
  180.                 </div>
  181.             </div>
  182.         </div>
  185.     </div>
  186. </div>
  187. <div class="max-w-[1200px] mx-auto w-full flex justify-between items-center md:flex-col md:gap-y-5 py-8 md:pt-5 md:pb-8 px-10">
  188.     <img src={{ asset('assets/img/footer/manaka_logo.webp') }} class="w-[142px] h-auto md:w-[132px] block">
  189.     <img src={{ asset('assets/img/footer/manaka_logo_phrase.webp') }} class="w-[184px] h-auto md:w-[164px] block">
  190. </div>
  191. {% endblock %}