app/template/bravers/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. {% macro tree(Category) %}
  12.     {% from _self import tree %}
  13.     <a href="{{ url('product_list') }}?category_id={{ Category.id }}">
  14.         <span>{{ Category.name }}</span>
  15.         {% if Category.children|length > 0 %}
  16.             <img src="{{ asset('assets/img/common/ic_plus.svg') }}" alt="お気に入り" width="12" height="12" loading="lazy">
  17.         {% else %}
  18.             <img src="{{ asset('assets/img/common/ic_chervon_right.svg') }}" alt="お気に入り" width="6" height="9" loading="lazy">
  19.         {% endif %}
  20.     </a>
  21.     {% if Category.children|length > 0 %}
  22.         <ul>
  23.             {% for ChildCategory in Category.children %}
  24.                 <li>
  25.                     {{ tree(ChildCategory) }}
  26.                 </li>
  27.             {% endfor %}
  28.         </ul>
  29.     {% endif %}
  30. {% endmacro %}
  32. {# @see https://github.com/bolt/bolt/pull/2388 #}
  33. {% from _self import tree %}
  34. <script>
  35.     $(document).ready(function() {
  36.         $(".ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li ul li a, .ec-drawerRole .ec-headerCategoryArea .ec-itemNav__nav li a").on("click", function(e) {
  37.             $(this).toggleClass("active");
  38.             if($(this).hasClass("active")) {
  39.                 $(this).find(".ic_plus").addClass("d-none");
  40.                 $(this).find(".ic_minus").removeClass("d-none");
  42.                 $(this).closest("li").find("ul").removeClass("d-none");
  43.             } else {
  44.                 $(this).find(".ic_plus").removeClass("d-none");
  45.                 $(this).find(".ic_minus").addClass("d-none");
  47.                 $(this).closest("li").find("ul").addClass("d-none");
  48.             }
  49.         })
  50.     })
  51. </script>
  52. <div class="ec-headerCategoryArea">
  53.     <div class="ec-headerCategoryArea__heading">
  54.         <p>{{ '商品カテゴリーから探す'|trans }}</p>
  55.     </div>
  56.     <div class="ec-itemNav">
  57.         <ul class="ec-itemNav__nav">
  58.             {% for Category in TopCategories %}
  59.                 <li>
  60.                     {% if Category.id == constant('Customize\\Common\\Constant::DEFAULT_CATEGORY_ID') or Category.id == constant('Customize\\Common\\Constant::MANUFACTURER_CATEGORY_ID') %}
  61.                         <a href="javascript:void(0)">
  62.                             <span>{{ Category.name }}</span>
  63.                             <img class="ic_plus" src="{{ asset('assets/img/common/ic_plus.svg') }}" alt="お気に入り" width="12" height="12" loading="lazy">
  64.                             <img class="ic_minus d-none" src="{{ asset('assets/img/common/ic_minus.svg') }}" alt="お気に入り" width="12" height="12" loading="lazy">
  65.                         </a>
  66.                         {% if Category.children|length > 0 %}
  67.                             <ul>
  68.                                 {% for ChildCategory in Category.children %}
  69.                                     <li>
  70.                                         {{ tree(ChildCategory) }}
  71.                                     </li>
  72.                                 {% endfor %}
  73.                             </ul>
  74.                         {% endif %}
  75.                     {% endif %}
  76.                 </li>
  77.             {% endfor %}
  78.         </ul>
  79.     </div>
  80. </div>