app/template/tanzo/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. {% block javascript %}
  12.     <script>
  13.         $('.bi-chevron-down').on('click', function() {
  14.             var parent = $(this).parent();
  15.             parent.toggleClass("menu_open");
  16.             var child = parent.children('ul');
  17.             if (child.length > 0) {
  18.                 child.slideToggle();
  19.                 return false;
  20.             }
  21.         });
  22.     </script>
  23. {% endblock javascript %}
  25. {% set Categories = repository('Eccube\\Entity\\Category').getList() %}
  27. {% macro tree(Category) %}
  28.     {% from _self import tree %}
  29.     <a href="{{ url('product_list') }}?category_id={{ Category.id }}" class="fs-4 p-3 text-center">
  30.         {{ Category.name }}
  31.     </a>
  32.     {% if Category.children|length > 0 %}
  33.         <ul>
  34.             {% for ChildCategory in Category.children %}
  35.                 <li {{ ChildCategory.children|length > 0 ? 'class="has_children"': ''}}>
  36.                     {{ tree(ChildCategory) }}
  37.                     {{ ChildCategory.children|length > 0 ? '<i class="bi bi-chevron-down"></i>': ''}}
  38.                 </li>
  39.             {% endfor %}
  40.         </ul>
  41.     {% endif %}
  42. {% endmacro %}
  44. {# @see https://github.com/bolt/bolt/pull/2388 #}
  45. {% from _self import tree %}
  47. <div class="ec-headerCategoryArea">
  48.     <!--<div class="ec-headerCategoryArea__heading">
  49.         <p>{{ 'カテゴリ一覧'|trans }}</p>
  50.     </div>-->
  51.     <div class="ec-itemNav">
  52.         <ul class="ec-itemNav__nav d-block font_serif">
  53.             {% for Category in Categories %}
  54.                 <li {{ Category.children|length > 0 ? 'class="has_children"': ''}}>
  55.                     {{ tree(Category) }}
  56.                     {{ Category.children|length > 0 ? '<i class="bi bi-chevron-down"></i>': ''}}
  57.                 </li>
  58.             {% endfor %}
  59.         </ul>
  60.     </div>
  61. </div>