app/template/kaiino/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. #}
  12. {% block javascript %}
  13. <script>
  14.     $(function(){
  15.         $(".ec-headerCategoryArea__heading").on("click", function() {
  16.             $(this).next().slideToggle();
  17.             if($(this).hasClass('active')) {
  18.                 $(this).find('img').attr('src','{{ asset("assets/icon/side-arrow-right-gray.svg") }}');
  19.                 $(this).removeClass('active');
  20.             } else {
  21.                 $(this).find('img').attr('src','{{ asset("assets/icon/side-arrow-down-gray.svg") }}');
  22.                 $(this).addClass('active');
  23.             }
  24.         });
  25.         $(".ec-headerCategoryArea .ec-itemNav__nav a").on("click", function() {
  26.             if($(this).hasClass('active')) {
  27.                 $(this).find('img').attr('src','{{ asset("assets/icon/side-arrow-right-gray.svg") }}');
  28.                 $(this).removeClass('active');
  29.             } else {
  30.                 $(this).parent('li').next().find('a').css({
  31.                     'border-top':'1px solid #DDDDDD'
  32.                 });
  33.                 $(this).css({
  34.                     'border':'none'
  35.                 });
  36.                 $(this).find('img').attr('src','{{ asset("assets/icon/side-arrow-down-gray.svg") }}');
  37.                 $(this).addClass('active');
  38.             }
  39.         });
  40.     });
  41. </script>
  42. {% endblock javascript %}
  44. {% set Categories = repository('Eccube\\Entity\\Category').getList() %}
  46. {% macro tree(Category) %}
  47.     {% from _self import tree %}
  48.     <a href="{{ url('product_list') }}?category_id={{ Category.id }}">
  49.         {{ Category.name }}
  50.         <img src="{{ asset('assets/icon/side-arrow-right-gray.svg') }}" alt="">
  51.     </a>
  52.     {% if Category.children|length > 0 %}
  53.         <ul>
  54.             {% for ChildCategory in Category.children %}
  55.                 <li>
  56.                     {{ tree(ChildCategory) }}
  57.                 </li>
  58.             {% endfor %}
  59.         </ul>
  60.     {% endif %}
  61. {% endmacro %}
  63. {# @see https://github.com/bolt/bolt/pull/2388 #}
  64. {% from _self import tree %}
  66. <div class="ec-headerCategoryArea">
  67.     <div class="ec-headerCategoryArea__heading">
  68.         <p>{{ 'Categories'|trans }}<img src="{{ asset('assets/icon/side-arrow-right-gray.svg') }}" alt=""></p>
  69.     </div>
  70.     <div class="ec-itemNav">
  71.         <ul class="ec-itemNav__nav">
  72.             <li class="ec-sideCategoryList__all">
  73.                 <a href="{{ url('product_list') }}?category_id=">全ての商品</a>
  74.             </li>
  75.             {% for Category in Categories %}
  76.                 <li>
  77.                     {{ tree(Category) }}
  78.                 </li>
  79.             {% endfor %}
  80.         </ul>
  81.     </div>
  82. </div>