app/template/default/Help/sitemap.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. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'front_page' %}
  15. {% block javascript %}
  16.     <script>
  17.         const categories = ["お仏壇・ステージ","お位牌","仏壇・仏具セット","仏具・日用品","手元供養"];
  18.         $(document).ready(function () {
  19.             categories.forEach((category, index) => {
  20.                 $("." + category + "_list").hide();
  21.                 $(function () {
  22.                     $('.'+ category ).on('click', function () {
  23.                         $("." + category + "_list").slideToggle(400)
  24.                         $("." + category + "_arrow").toggleClass('-rotate-[180deg]')
  25.                     });
  26.                 });
  27.             })
  28.         });
  29.     </script>
  30.     <script>
  31.         $(document).ready(function () {
  32.             $('.service_list, .guide_list').hide();
  33.             $(function () {
  34.                 $('.service').on('click', function () {
  35.                     $('.service_list').slideToggle(400)
  36.                     $('.service_arrow').toggleClass('-rotate-[180deg]')
  37.                 });
  38.             });
  39.             $(function () {
  40.                 $('.guide').on('click', function () {
  41.                     $('.guide_list').slideToggle(400)
  42.                     $('.guide_arrow').toggleClass('-rotate-[180deg]')
  43.                 });
  44.             });
  45.         });
  46.     </script>
  47. {% endblock javascript %}
  49. {% set services = [
  50.     { 'name':'まなかの商品選びサポートサービス',
  51.       'route':'service',
  52.       'url':'user_data'
  53.     },
  54.     { 'name':'カタログお届けサービス',
  55.       'route':'catalog',
  56.       'url':'user_data'
  57.     },
  58.     { 'name':'コーディネート撮影サービス',
  59.       'route':'photo_services',
  60.       'url':'user_data'
  61.     },
  62.     { 'name':'お仏壇引き取りサービス',
  63.       'route':'pick_up_altar',
  64.       'url':'user_data'
  65.     },
  66. ] %}
  67. {% set guides = [
  68.     {
  69.         'name':'ご注文手順',
  70.         'id':'#sec01',
  71.         'route':'guide_detail'
  72.     },
  73.     {
  74.         'name':'送料・配送方法',
  75.         'id':'#sec02',
  76.         'route':'guide_detail'
  77.     },
  78.     {
  79.         'name':'お支払い方法',
  80.         'id':'#sec03',
  81.         'route':'guide_detail'
  82.     },
  83.     { 'name':'会員登録について',
  84.         'id':'#sec04',
  85.         'route':'guide_detail'
  86.     },
  87.     {
  88.         'name':'お仏壇の引き取りについて',
  89.         'id':'#sec05',
  90.         'route':'guide_detail'
  91.     },
  92.     {
  93.         'name':'お位牌への名入れサービス',
  94.         'id':'#sec06',
  95.         'route':'guide_detail'
  96.     },
  97.     {
  98.         'name':'返品・交換・キャンセル・追加',
  99.         'id':'#sec07',
  100.         'route':'guide_detail'
  101.     },
  102.     {
  103.         'name':'領収書の発行',
  104.         'id':'#sec08',
  105.         'route':'guide_detail'
  106.     },
  107.     {
  108.         'name':'運営会社について',
  109.         'id':'#sec09',
  110.         'route':'guide_detail'
  111.     },
  112.     { 'name':'よくあるご質問',
  113.         'id':null,
  114.         'route':'qa'
  115.     },
  116.     { 'name':'お位牌への名入れについて',
  117.         'id':null,
  118.         'route':'naire'
  119.     },
  120. ] %}
  122. {% block main %}
  123.     <div class="mx-auto w-full max-w-[max(58.3vw,1024px)] lg:max-w-none lg:mx-0 flex flex-col items-center justify-center animate-slideIn">
  124.         <div class="w-[max(45.8vw,880px)] flex flex-col gap-y-[184px] lg:w-full lg:px-[max(1.25vw,24px)] md:gap-y-[72px]">
  125.             <h2 class="text-[40px] text-center mt-20 md:mt-10 md:text-xl font-extralight">サイトマップ</h2>
  126.             <div class="w-full  flex flex-col gap-y-24 md:gap-y-16 font-extralight">
  127.                 {% for key, categoryProduct in Products %}
  128.                     <div class="w-full">
  129.                         <div class="{{key}} py-6 px-[28px] border-y-[1px] border-[#DFDFDF] mb-[-1px] flex justify-between items-center md:py-3 md:px-[10px] cursor-pointer hover">
  130.                             <h3 class="text-xl md:text-base">{{key}}</h3>
  131.                             <img src="{{ asset('assets/icon/ChevronDownOutline.svg') }}" alt="" class="{{key}}_arrow md:w-5 md:h-5">
  132.                         </div>
  133.                         <ul class="{{key}}_list grid grid-cols-2 gap-x-[18px] w-full md:text-xs">
  134.                             {% for Product in categoryProduct %}
  135.                                 <li class="py-[20px] px-[28px] mb-[-1px] border-y-[1px] border-[#DFDFDF] md:py-3 md:px-[10px] hover">
  136.                                     <a href="{{ url('product_detail', {'id': Product.id}) }}" class="visited:text-black hover">
  137.                                         <p class="hover:underline ">{{Product.name}}</p>
  138.                                     </a>
  139.                                 </li>
  140.                             {% endfor %}
  141.                         </ul>
  142.                     </div>
  143.                 {% endfor %}
  144.             </div>
  145.             <div
  146.                 class="">
  147.                 {# 祈りの道具屋まなかについて #}
  148.                 <a href="{{url('help_about')}}" class="py-5 px-[28px] border-y-[1px] border-[#DFDFDF] mb-[-1px] flex justify-between items-center md:py-3 md:px-[10px]  cursor-pointer">
  149.                     <h3 class="text-xl md:text-base">祈りの道具屋まなかについて</h3>
  150.                 </a>
  151.                 {# 祈りの特集 #}
  152.                 <a href="{{url('special_posts')}}" class="py-5 px-[28px] border-y-[1px] border-[#DFDFDF] mb-[-1px] flex justify-between items-center md:py-3 md:px-[10px]  cursor-pointer">
  153.                     <h3 class="text-xl md:text-base">祈りの特集</h3>
  154.                 </a>
  155.                 {# お知らせ #}
  156.                 <a href="{{url('user_data',{route:'reading'})}}" class="py-5 px-[28px] border-y-[1px] border-[#DFDFDF] mb-[-1px] flex justify-between items-center md:py-3 md:px-[10px]  cursor-pointer">
  157.                     <h3 class="text-xl md:text-base">お知らせ</h3>
  158.                 </a>
  159.                 {# 銀座・横浜元町ショールーム #}
  160.                 <a href="{{url('user_data',{route:'showroom'})}}" class="py-5 px-[28px] border-y-[1px] border-[#DFDFDF] mb-[-1px] flex justify-between items-center md:py-3 md:px-[10px]  cursor-pointer">
  161.                     <h3 class="text-xl md:text-base">銀座・横浜元町ショールーム</h3>
  162.                 </a>
  163.             </div>
  164.             {# まなかの商品選びサポートサービス #}
  165.             <div class="w-full">
  166.                 <div class="hover py-6 px-[28px] border-y-[1px] border-[#DFDFDF] mb-[-1px] flex justify-between items-center md:py-3 md:px-[10px] service  cursor-pointer">
  167.                     <h3 class="text-xl md:text-base">まなかの商品選びサポートサービス
  168.                     </h3>
  169.                     <img src="{{ asset('assets/icon/ChevronDownOutline.svg') }}" alt="" class="service_arrow md:w-5 md:h-5 ">
  170.                 </div>
  171.                 <ul class="service_list grid grid-cols-2 gap-x-[18px] md:text-xs">
  172.                     {% for service in services %}
  173.                         <li class="py-5 px-[28px] mb-[-1px] border-y-[1px] border-[#DFDFDF] md:py-3 md:px-[10px] ">
  174.                             <a href="{{url(service.url,{'route':service.route})}}" class="visited:text-black hover">
  175.                                 <p class="hover:underline leading-loose">{{service.name}}</p>
  176.                             </a>
  177.                         </li>
  178.                     {% endfor %}
  179.                 </ul>
  180.             </div>
  181.             {# ご利用ガイド #}
  182.             <div class="w-full">
  183.                 <div class="guide hover py-6 px-[28px] border-y-[1px] border-[#DFDFDF] mb-[-1px] flex justify-between items-center md:py-3 md:px-[10px] cursor-pointer">
  184.                     <h3 class="text-xl md:text-base">ご利用ガイド</h3>
  185.                     <img src="{{ asset('assets/icon/ChevronDownOutline.svg') }}" alt="" class="guide_arrow md:w-5 md:h-5 ">
  186.                 </div>
  187.                 <ul class="guide_list grid grid-cols-2 gap-x-[18px] md:text-xs">
  188.                     {% for guide in guides %}
  189.                         <li class="py-5 px-[28px] mb-[-1px] border-y-[1px] border-[#DFDFDF] md:py-3 md:px-[10px] ">
  190.                             <a href="{{url('user_data',{route:guide.route})}}{{guide.id}}" class="visited:text-black hover">
  191.                                 <p class="hover:underline leading-loose">{{guide.name}}</p>
  192.                             </a>
  193.                         </li>
  194.                     {% endfor %}
  195.                 </ul>
  196.             </div>
  197.         </div>
  198.     </div>
  199.     {% set breadcrumbs = [
  200.         {
  201.             'name':'サイトマップ',
  202.         }
  203.     ] %}
  204.     {{ include("Block/breadcrumbs.twig") }}
  205. </div>
  206. {% endblock %}