app/template/default/Block/category_nav_sp.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 = repository('Eccube\\Entity\\Category').getList() %}
  12. {% set specialRoutes = ['lacrymachristi', 'sale2025_2024_page', 'ms_rocktv', 'shopping_guide', 'recruit', 'liveartist_page', 'information_kinetv', 'information'] %}
  14. {% macro tree(Category) %}
  15.     {% from _self import tree %}
  16.     <a href="{{ url('product_list') }}?category_id={{ Category.id }}">
  17.         {{ Category.name }}
  18.     </a>
  19.     {% if Category.children|length > 0 %}
  20.         <ul>
  21.             {% for ChildCategory in Category.children %}
  22.                 <li>
  23.                     {{ tree(ChildCategory) }}
  24.                 </li>
  25.             {% endfor %}
  26.         </ul>
  27.     {% endif %}
  28. {% endmacro %}
  30. {# @see https://github.com/bolt/bolt/pull/2388 #}
  31. {% from _self import tree %}
  33. <div class="ec-headerCategoryArea">
  34.     <!-- <div class="ec-headerCategoryArea__heading">
  35.         <p>{{ 'カテゴリ一覧'|trans }}</p>
  36.     </div>
  37.     <div class="ec-itemNav">
  38.         <ul class="ec-itemNav__nav">
  39.             {% for Category in Categories %}
  40.                 <li>
  41.                     {{ tree(Category) }}
  42.                 </li>
  43.             {% endfor %}
  44.         </ul>
  45.     </div> -->
  46.     <div class="title">Record Labels</div>
  47.     <ul class="ec-list__link">
  48.         <li class="link__item">
  49.             <div class="text">
  50.                 <img src="{{ asset('assets/img/menu_mobile/ico_ward.png') }}" alt="ico_ward" />
  51.                 <span>
  52.                     ワードレコーズ
  53.                 </span>
  54.                 <span class="icon">></span>
  55.             </div>
  56.             <div class="menu_childs">
  57.                 <div class="menu-list__link">
  58.                     <div class="menu-link__item">
  59.                         <a href="{{ url('product_list') }}">商品一覧</a>
  60.                     </div>
  61.                     <div class="menu-link__item">
  62.                         <a href="{{ url('rock_news') }}">最新情報</a>
  63.                     </div>
  64.                     <div class="menu-link__item">
  65.                         <a href="{{ url('product_list') }}?product_status_id=5"">予約商品</a>
  66.                     </div>
  67.                     <div class="menu-link__item">
  68.                         <a href="{{ url('list_artist_page') }}">
  69.                             取り扱い<br>アーティスト一覧
  70.                         </a>
  71.                     </div>
  72.                 </div>
  73.                 <div class="menu-social">
  74.                     <div class="social__item">
  75.                         <a target="_blank" href="https://www.facebook.com/wardrecords">
  76.                             <img src="{{ asset('assets/img/rocktv/ico_facebook.png') }}" alt="ico_facebook" />
  77.                         </a>
  78.                     </div>
  79.                     <div class="social__item">
  80.                         <a target="_blank" href="https://x.com/Ward_Rock">
  81.                             <img src="{{ asset('assets/img/rocktv/ico_twitter.png') }}" alt="ico_twitter" />
  82.                         </a>
  83.                     </div>
  84.                     <div class="social__item">
  85.                         <a target="_blank" href="https://www.youtube.com/user/wardmusictube">
  86.                             <img src="{{ asset('assets/img/rocktv/ico_youtube.png') }}" alt="ico_youtube" />
  87.                         </a>
  88.                     </div>
  89.                 </div>
  90.             </div>
  91.         </li>
  93.         {% if app.request.get('_route') in specialRoutes %}
  94.             <li class="link__item button-special">
  95.                 <div class="text">
  96.                     <img src="{{ asset('assets/img/menu_mobile/ico_chaos.png') }}" alt="ico_chaos" />
  97.                     <span>
  98.                         ケイオスレインズ
  99.                     </span>
  100.                     <span class="icon">></span>
  101.                 </div>
  102.                 <div class="menu_childs">
  103.                     <div class="menu-list__link">
  104.                         <div class="menu-link__item">
  105.                             <a href="{{ url('product_list') }}">商品一覧</a>
  106.                         </div>
  107.                         <div class="menu-link__item">
  108.                             <a href="{{ url('rocktv_news') }}">最新情報</a>
  109.                         </div>
  110.                         <div class="menu-link__item">
  111.                             <a href="{{ url('product_list') }}?product_status_id=5"">予約商品</a>
  112.                         </div>
  113.                         <div class="menu-link__item">
  114.                             <a href="{{ url('list_artist_page') }}">
  115.                                 取り扱い<br>アーティスト一覧
  116.                             </a>
  117.                         </div>
  118.                     </div>
  119.                     <div class="menu-social">
  120.                         <div class="social__item">
  121.                             <a target="_blank" href="https://www.facebook.com/chaosreigns/">
  122.                                 <img src="{{ asset('assets/img/rocktv/ico_facebook.png') }}" alt="ico_facebook" />
  123.                             </a>
  124.                         </div>
  125.                         <div class="social__item">
  126.                             <a target="_blank" href="https://x.com/Chaos_Ward">
  127.                                 <img src="{{ asset('assets/img/rocktv/ico_twitter.png') }}" alt="ico_twitter" />
  128.                             </a>
  129.                         </div>
  130.                         <div class="social__item">
  131.                             <a target="_blank" href="https://www.youtube.com/channel/UCibFIlHjFQjnO3ytTnu9zZw">
  132.                                 <img src="{{ asset('assets/img/rocktv/ico_youtube.png') }}" alt="ico_youtube" />
  133.                             </a>
  134.                         </div>
  135.                     </div>
  136.                 </div>
  137.             </li>
  138.         {% endif %}
  140.         <li class="link__item">
  141.             <div class="text">
  142.                 <img src="{{ asset('assets/img/menu_mobile/ico_rockTV.png') }}" alt="ico_rockTV" />
  143.                 <span>
  144.                     伊藤政則のロックTV！
  145.                 </span>
  146.                 <span class="icon">></span>
  147.             </div>
  148.             <div class="menu_childs">
  149.                 <div class="menu-list__link menu-one__link">
  150.                     <div class="menu-link__item">
  151.                         <a href="{{ url('rocktv_news') }}">最新情報</a>
  152.                     </div>
  153.                 </div>
  154.                 <div class="menu-social">
  155.                     <div class="social__item">
  156.                         <a target="_blank" href="https://ja-jp.facebook.com/Masaito.rocktv/">
  157.                             <img src="{{ asset('assets/img/rocktv/ico_facebook.png') }}" alt="ico_facebook" />
  158.                         </a>
  159.                     </div>
  160.                     <div class="social__item">
  161.                         <a target="_blank" href="https://x.com/MASAITO_ROCKTV?ref_src=twsrc%5Etfw">
  162.                             <img src="{{ asset('assets/img/rocktv/ico_twitter.png') }}" alt="ico_twitter" />
  163.                         </a>
  164.                     </div>
  165.                     <div class="social__item">
  166.                         <a target="_blank" href="https://www.youtube.com/channel/UCibFIlHjFQjnO3ytTnu9zZw">
  167.                             <img src="{{ asset('assets/img/rocktv/ico_youtube.png') }}" alt="ico_youtube" />
  168.                         </a>
  169.                     </div>
  170.                 </div>
  171.             </div>
  172.         </li>
  174.         <li class="link__item">
  175.             <div class="text">
  176.                 <img src="{{ asset('assets/img/menu_mobile/ico_rockSoul.png') }}" alt="ico_rockSoul" />
  177.                 <span>
  178.                     アーティストグッズ
  179.                 </span>
  180.                 <span class="icon">></span>
  181.             </div>
  182.             <div class="menu_childs">
  183.                 <div class="menu-list__link">
  184.                     <div class="menu-link__item">
  185.                         <a href="{{ url('product_list') }}?genre_id=5">アパレル</a>
  186.                     </div>
  187.                     <div class="menu-link__item">
  188.                         <a href="{{ url('product_list') }}?product_status_id=7">グッズ</a>
  189.                     </div>
  190.                     <div class="menu-link__item border-none">
  191.                         <a href="{{ url('product_list') }}?product_status_id=8">書籍</a>
  192.                     </div>
  193.                     <div class="menu-link__item border-none">
  194.                         <a href="/goods/news/">
  195.                             最新情報
  196.                         </a>
  197.                     </div>
  198.                 </div>
  199.             </div>
  200.         </li>
  202.         <!-- <li class="link__item">
  203.             <div class="text">
  204.                 <img src="{{ asset('assets/img/menu_mobile/ico_classicRock.png') }}" alt="ico_classicRock" />
  205.                 <span>
  206.                     <a href="{{ url('liveartist_page') }}">
  207.                         ライヴ＆チケット
  208.                     </a>
  209.                 </span>
  210.                 <span class="icon">></span>
  211.             </div>
  212.         </li> -->
  213.     </ul>
  215.     <ul class="ec-list__action">
  216.         <li class="action__item">
  217.             <a href="{{ url('product_list') }}">
  218.                 <img src="{{ asset('assets/img/menu_mobile/ico_search.png') }}" alt="ico_search" />
  219.                 <div class="text">商品検索</div>
  220.             </a>
  221.         </li>
  222.         <li class="action__item">
  223.             <a href="{{ url('mypage') }}">
  224.                 <img src="{{ asset('assets/img/menu_mobile/ico_login.png') }}" alt="ico_login" />
  225.                 <div class="text">マイページ</div>
  226.             </a>
  227.         </li>
  228.         <li class="action__item">
  229.             <a href="{{ url('mypage_login') }}">
  230.                 <img src="{{ asset('assets/img/menu_mobile/ico_mypage.png') }}" alt="ico_mypage" />
  231.                 <div class="text">ログイン</div>
  232.             </a>
  233.         </li>
  234.         <li class="action__item">
  235.             <a href="{{ url('cart') }}">
  236.                 <img src="{{ asset('assets/img/menu_mobile/ico_cart.png') }}" alt="ico_cart" />
  237.                 <div class="text">カート</div>
  238.             </a>
  239.         </li>
  240.     </ul>
  241. </div>
  243. {% block javascript %}
  244. <script>
  245.     $(document).ready(function () {
  246.         $('.link__item .text').on('click', function(){
  247.             $(this).closest('.link__item').find('.menu_childs').slideToggle()
  248.             const textIcon = $(this).find('.icon')
  249.             textIcon.text(textIcon.text() === '>' ? 'X' : '>')
  250.         })
  251.     });
  252. </script>
  253. {% endblock %}