app/template/default/Block/top_menu_block.twig line 1

Open in your IDE?
  1. {% set specialRoutes = ['lacrymachristi', 'sale2025_2024_page', 'ms_rocktv', 'shopping_guide', 'recruit', 'liveartist_page', 'information_kinetv', 'information'] %}
  3. <div class="menu-container">    
  4.     <ul class="site-list">
  5.       {% if app.request.get('_route') not in specialRoutes %}
  6.         <li>
  7.           <a class="btn_header_rock_custom" href="{{ url('help_guide') }}">ご利用ガイド</a>
  8.         </li>
  9.         <li>ｌ</li>
  10.         <li>
  11.           <a class="btn_header_rocktv_custom" href="javascript:void(0)" onclick="location.href='#sitemap'">サイトマップ</a>
  12.         </li>
  13.         <li>ｌ</li>
  14.       {% endif %}
  15.       <li>
  16.         <a class="btn_header_goods_custom" href="{{ url('faq_page') }}">よくあるご質問</a>
  17.       </li>
  18.       <li>ｌ</li>
  19.       <li>
  20.         <a class="btn_header_live_custom" href="{{ url('contact') }}">お問い合わせ</a>
  21.       </li>
  22.     </ul>
  24.     <ul class="ec-itemNav__nav custom-nav nav-pc">
  25.       <li class="btn-header nav-1">
  26.         <a href="{{ url('rock_page') }}"></a>
  27.       </li>
  28.       <li class="btn-header nav-2">
  29.         <a href="https://wardrecords.com/page/rocktv/"></a>
  30.       </li>
  31.       <li class="btn-header nav-3">
  32.         <a href="{{ url('goods_page') }}"></a>
  33.       </li>
  34.       <li class="btn-header nav-4">
  35.         <a href="{{ url('liveartist_page') }}"></a>
  36.       </li>
  37.     </ul>
  39.     <ul class="nav-mobile">
  40.       <li>
  41.         <a href="{{ url('rock_page') }}">
  42.           <img src="{{ asset('assets/img/header/ward.png') }}" class="ec-headerNav__itemIcon" alt="Icon Ward" />
  43.         </a>
  44.       </li>
  45.       {% if app.request.get('_route') in specialRoutes %}
  46.         <li>
  47.           <a href="{{ url('list_news_page') }}">
  48.             <img src="{{ asset('assets/img/header/chaos.png') }}" class="ec-headerNav__itemIcon" alt="Icon Chaos" />
  49.           </a>
  50.         </li>
  51.       {% endif %}
  52.       <li>
  53.         <a href="https://wardrecords.com/page/rocktv/">
  54.           <img src="{{ asset('assets/img/header/tv.png') }}" class="ec-headerNav__itemIcon" alt="Icon TV" />
  55.         </a>
  56.       </li>
  57.       <li>
  58.         <a href="{{ url('goods_page') }}">
  59.           <img src="{{ asset('assets/img/header/good.png') }}" class="ec-headerNav__itemIcon" alt="Icon Good" />
  60.         </a>
  61.       </li>
  62.       <li>
  63.         <a href="{{ url('liveartist_page') }}">
  64.           <img src="{{ asset('assets/img/header/live.png') }}" class="ec-headerNav__itemIcon" alt="Icon Live" />
  65.         </a>
  66.       </li>
  67.     </ul>
  68. <div>
  70. {% block javascript %}
  71.   <script>
  72.     $(document).ready(function () {
  73.       const currentUrl = window.location.href;
  74.       $(".ec-itemNav__nav .btn-header a").each(function () {
  75.         const linkUrl = $(this).attr("href");
  76.         if (currentUrl === linkUrl || currentUrl.startsWith(linkUrl)) {
  77.           const activeItem = $(this);
  78.           const bgImage = activeItem.css("background-image"); 
  79.           if (bgImage) {
  80.             if (!bgImage.includes("_on.png")) {
  81.                 const newBgImage = bgImage.replace(/(\.png)/, "_on$1");
  82.                 activeItem.css("background-image", newBgImage);
  83.             }
  84.           }
  85.         }
  86.       });
  88.       $(".nav-mobile li a").each(function () {
  89.         const linkUrl = $(this).attr("href");
  90.         if (currentUrl === linkUrl || currentUrl.startsWith(linkUrl + "/")) {
  91.           const img = $(this).find("img");
  92.           const src = img.attr("src");
  93.           if (!src.includes("_on.png")) {
  94.             const newSrc = src.replace(/(\.png)$/, "_on$1");
  95.             img.attr("src", newSrc);
  96.           }
  97.         }
  98.       });
  99.     });
  100.   </script>
  101. {% endblock %}