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

Open in your IDE?
  1. {% set Categories = repository('Eccube\\Entity\\Category').getList() %}
  2. {% block javascript %}
  3. <script>
  4.     $(function() {
  5.         // スマホのドロワーメニュー内の下層カテゴリ表示
  6.         // TODO FIXME スマホのカテゴリ表示方法
  7.         $('.spnav-cat-list .cat-btn').click(function() {
  8.             var child = $(this).siblings('ul');
  9.             child.slideToggle();
  10.         });
  11.     });
  12. </script>
  13. {% endblock javascript %}
  14. <div class="spnav-container">
  15. <div class="spnav-sns">
  16.     <ul class="flex">
  17.     <li class="sns-link"><a href="https://twitter.com/higashiyama_pub" target="_blank"><img src="/html/user_data/assets/img/icon/icon_x.png" alt="公式X"></a></li>
  18.     <li class="sns-link"><a href="https://www.instagram.com/higashiyama_pub" target="_blank"><img src="/html/user_data/assets/img/icon/icon_insta.png" alt="公式インスタグラム"></a></li>
  19.     <li class="sns-link"><a href="https://www.youtube.com/channel/UCleuOBiUeXjnRTIOhC8-4YQ/featured" target="_blank"><img src="/html/user_data/assets/img/icon/icon_youtube.png" alt="youtube"></a></li>
  20.     </ul>
  21. </div>
  22. <div class="spnav-top">
  23. {% if is_granted('ROLE_USER') == true %}
  24. <p class="welcome">ようこそ、{{ app.user.name01 }}{{ app.user.name02 }}様</p>
  25. {% else %}
  26. <p class="welcome">ようこそ、ゲスト様</p>
  27. {% endif %}
  28. <ul class="spnav-login">
  29. {% if is_granted('ROLE_USER') == true %}
  30.     <li id="mypage-btn"><a href="{{ url('logout') }}">ログアウト</a></li>
  31.     <li id="mypage-btn"><a href="{{ url('mypage') }}">マイページ</a></li>
  32. {% else %}
  33.     <li id="mypage-btn"><a href="{{ url('mypage') }}">ログイン</a></li>
  34.     <li id="mypage-btn"><a href="{{ url('entry') }}">会員登録</a></li>
  35. {% endif %}
  36. </ul>
  37. </div>
  38. <div class="spnav-menu">
  39. <ul class="">
  40.     <li class="haslink"><a href="{{ url('homepage') }}">TOP</a></li>
  41.     <li>
  42.         <p class="spnav-catttl">コンテンツ</p>
  43.         <ul class="spnav-cat-list">
  44.             <li class="have-child">
  45.                 <p class="cat-btn">健康教室<span class="btn-toggle"></span></p>
  46.                 {% for Category in Categories %}
  47.                 {% if (Category.id == 1) and (Category.children|length > 0) %}
  48.                     <ul>
  49.                         {% for ChildCategory in Category.children %}
  50.                             <li class="haslink">
  51.                                 <a href="{{ url('product_list') }}?category_id={{ ChildCategory.id }}">
  52.                                 {{ ChildCategory.name }}
  53.                                 </a>
  54.                             </li>
  55.                         {% endfor %}
  56.                     </ul>
  57.                 {% endif %}
  58.                 {% endfor %}
  59.             </li>
  60.             <li class="haslink"><a href="{{ url('product_list') }}?category_id=2">健康教室増刊号</a></li>
  61.             <li class="haslink"><a href="{{ url('seminar_list') }}">学校保健ゼミナール</a></li>
  62.             <li class="haslink"><a href="/products/tag?id=1">新刊書</a></li>
  63.             <li class="have-child">
  64.                 <p class="cat-btn">既刊書<span class="btn-toggle"></span></p>
  65.                 <ul>
  66.                     <li class="haslink"><a href="/products/tag?id=2">既刊書全て</a></li>
  67.                     <li class="haslink"><a href="{{ url('product_list') }}?category_id=6">養護教諭向け</a></li>
  68.                     <li class="haslink"><a href="{{ url('product_list') }}?category_id=7">栄養教諭・職員向け</a></li>
  69.                     <li class="haslink"><a href="{{ url('product_list') }}?category_id=8">その他</a></li>
  70.                 </ul>
  71.             </li>
  72.         </ul>
  73.     </li>
  74.     <li class="haslink"><a href="{{ url('help_about') }}">会社案内</a></li>
  75.     <li class="haslink"><a href="{{ url('help_guide') }}">ご利用案内</a></li>
  76.     <li class="haslink"><a href="{{ url('contact') }}">お問い合わせ</a></li>
  77.     <li class="haslink"><a href="{{ url('user_data', {'route': 'faq'}) }}">よくある質問</a></li>
  78.     <li class="haslink"><a href="{{ url('help_privacy') }}">プライバシーポリシー</a></li>
  79.     <li class="haslink"><a href="{{ url('help_tradelaw') }}">特定商取引法に基づく表記</a></li>
  80.     <li class="haslink"><a href="{{ url('help_about') }}">ご利用規約</a></li>
  81. </ul>
  82. </div>
  83. </div>