app/template/bravers/Block/category_menu_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 class="ic_plus" src="{{ asset('assets/img/common/ic_plus.svg') }}" alt="お気に入り" width="12" height="12" loading="lazy">
  17.             <img class="ic_minus d-none" src="{{ asset('assets/img/common/ic_minus.svg') }}" alt="お気に入り" width="12" height="12" loading="lazy">
  18.         {% else %}
  19.             <img src="{{ asset('assets/img/common/ic_chervon_right.svg') }}" alt="お気に入り" width="6" height="9" loading="lazy">
  20.         {% endif %}
  21.     </a>
  22.     {% if Category.children|length > 0 %}
  23.         <ul class="d-none">
  24.             {% for ChildCategory in Category.children %}
  25.                 <li>
  26.                     {{ tree(ChildCategory) }}
  27.                 </li>
  28.             {% endfor %}
  29.         </ul>
  30.     {% endif %}
  31. {% endmacro %}
  32. <script>
  33.     $(document).ready(function() {
  34.         $(".ec-drawer_hamburger__category .ec-drawer_hamburger__category__nav li ul li a, .ec-drawer_hamburger__category .ec-drawer_hamburger__category__nav li .firstBtn").on("click", function(e) {
  35.             $(this).toggleClass("active");
  37.             if ($(this).hasClass("active")) {
  38.                 $(this).find(".ic_plus").addClass("d-none");
  39.                 $(this).find(".ic_minus").removeClass("d-none");
  41.                 $(this).closest("li").find("ul").removeClass("d-none");
  42.             } else {
  43.                 $(this).find(".ic_plus").removeClass("d-none");
  44.                 $(this).find(".ic_minus").addClass("d-none");
  46.                 $(this).closest("li").find("ul").addClass("d-none");
  47.             }
  48.         });
  50.         $('.ec-drawer_hamburger__category ul a').click(function(e) {
  51.             var child = $(this).siblings();
  52.             if (child.length > 0) {
  53.                 e.preventDefault(); // Prevent the default link behavior
  55.                 if (child.is(':visible')) {
  56.                     return true;
  57.                 } else {
  58.                     child.slideToggle();
  59.                     return false;
  60.                 }
  61.             }
  62.         });
  63.     });
  64. </script>
  65. {# @see https://github.com/bolt/bolt/pull/2388 #}
  66. {% from _self import tree %}
  67. <div class="ec-drawer_hamburger__category">
  68.     <div class="ec-drawer_hamburger__category__heading">
  69.         <p>{{ '商品カテゴリー・メーカーから探す'|trans }}</p>
  70.     </div>
  71.     <div class="ec-drawer_hamburger__category__nav">
  72.         <ul class="ec-drawer_hamburger__category__nav__list">
  73.             {% for Category in TopCategories %}
  74.                 <li>
  75.                     {% if Category.id == constant('Customize\\Common\\Constant::DEFAULT_CATEGORY_ID') or Category.id == constant('Customize\\Common\\Constant::MANUFACTURER_CATEGORY_ID') %}
  76.                         <a href="javascript:void(0)" class="firstBtn">
  77.                             <span>{{ Category.name }}</span>
  78.                             <img class="ic_plus" src="{{ asset('assets/img/common/ic_plus.svg') }}" alt="お気に入り" width="12" height="12" loading="lazy">
  79.                             <img class="ic_minus d-none" src="{{ asset('assets/img/common/ic_minus.svg') }}" alt="お気に入り" width="12" height="12" loading="lazy">
  80.                         </a>
  81.                         {% if Category.children|length > 0 %}
  82.                             <ul>
  83.                                 {% for ChildCategory in Category.children %}
  84.                                     <li>
  85.                                         {{ tree(ChildCategory) }}
  86.                                     </li>
  87.                                 {% endfor %}
  88.                             </ul>
  89.                         {% endif %}
  90.                     {% endif %}
  91.                 </li>
  92.             {% endfor %}
  93.         </ul>
  94.     </div>
  95. </div>