app/template/airconwork/Block/sidebar_cat.twig line 1

Open in your IDE?
  1. {% set active = "" %}
  2. {% set style = "" %}
  3. {% if app.request.get('_route') == 'product_list' or app.request.get('_route') == 'product_detail' %}
  4. {% set active = "is-active" %}
  5. {% set style = "display: block;" %}
  6. {% endif %}
  7. <div class="l-sidebar-block">
  8.   <p class="l-sidebar-title"><span class="s-text">業務用エアコンカテゴリ</span></p>
  9.   <a href="/products/list" class="c-btn-01"><span class="s-text">全商品一覧</span>
  10.   <i class="s-icon">
  11.   <svg>
  12.   <use xlink:href="{{ asset('assets/img/ico/ico_arrow_forward.svg#obj') }}"></use>
  13.   </svg>
  14.   </i></a>
  15.   <nav class="l-sidebar-nav">
  16.     <!-- item -->
  17.     <div class="l-sidebar-nav__item">
  18.       <h3 class="l-sidebar-accordion-title js-accordion-title {{ active }}"><span class="s-text">メーカー・シリーズ</span>
  19.       <span class="icon-wrap"><span class="s-icon"></span></span>
  20.       </h3>
  21.       <div class="l-sidebar-nav-brand" style="{{ style }}">
  22.         <!-- item -->
  23.         <div class="l-sidebar-nav-brand__item">
  24.           <div class="s-logo">
  25.           <a href="/products/list?category_ids[]=2"><img src="{{ asset('assets/img/common/img_logo_daikin_s.png') }}" alt="ダイキン"></a>
  26.           </div>
  27.           <p class="s-link"><a href="/products/list?category_ids[]=2">ダイキン TOP</a></p>
  28.           <ul class="l-sidebar-nav-list">
  29.           {{ include('Module/sidebar_nav-list.twig', {cid: 2}) }}
  30.           </ul>
  31.         </div>
  32.         <!-- /item -->
  33.         <!-- item -->
  34.         <div class="l-sidebar-nav-brand__item">
  35.           <div class="s-logo">
  36.           <a href="/products/list?category_ids[]=31"><img src="{{ asset('assets/img/common/img_logo_mitsubishi_s.png') }}" alt="三菱電機"></a>
  37.           </div>
  38.           <p class="s-link"><a href="/products/list?category_ids[]=31">三菱電機 TOP</a></p>
  39.           <ul class="l-sidebar-nav-list">
  40.           {{ include('Module/sidebar_nav-list.twig', {cid: 31}) }}
  41.           </ul>
  42.         </div>
  43.         <!-- /item -->
  44.         <!-- item -->
  45.         <div class="l-sidebar-nav-brand__item">
  46.           <div class="s-logo">
  47.           <a href="/products/list?category_ids[]=21"><img src="{{ asset('assets/img/common/img_logo_hitachi_s.png') }}" alt="日立"></a>
  48.           </div>
  49.           <p class="s-link"><a href="/products/list?category_ids[]=21">日立 TOP</a></p>
  50.           <ul class="l-sidebar-nav-list">
  51.           {{ include('Module/sidebar_nav-list.twig', {cid: 21}) }}
  52.           </ul>
  53.         </div>
  54.         <!-- /item -->
  55.         <!-- item -->
  56.         <div class="l-sidebar-nav-brand__item">
  57.           <div class="s-logo">
  58.           <a href="/products/list?category_ids[]=11"><img src="{{ asset('assets/img/common/img_logo_toshiba_s.png') }}" alt="東芝"></a>
  59.           </div>
  60.           <p class="s-link"><a href="/products/list?category_ids[]=11">東芝 TOP</a></p>
  61.           <ul class="l-sidebar-nav-list">
  62.           {{ include('Module/sidebar_nav-list.twig', {cid: 11}) }}
  63.           </ul>
  64.         </div>
  65.         <!-- /item -->
  66.         <!-- item -->
  67.         <div class="l-sidebar-nav-brand__item">
  68.           <div class="s-logo">
  69.           <a href="/products/list?category_ids[]=41"><img src="{{ asset('assets/img/common/img_logo_panasonic_s.png') }}" alt="パナソニック"></a>
  70.           </div>
  71.           <p class="s-link"><a href="/products/list?category_ids[]=41">パナソニック TOP</a></p>
  72.           <ul class="l-sidebar-nav-list">
  73.           {{ include('Module/sidebar_nav-list.twig', {cid: 41}) }}
  74.           </ul>
  75.         </div>
  76.         <!-- /item -->
  77.       </div>
  78.     </div>
  79.     <!-- /item -->
  80.     <!-- item -->
  81.     <div class="l-sidebar-nav__item">
  82.       <h3 class="l-sidebar-accordion-title js-accordion-title {{ active }}"><span class="s-text">エアコン形状</span>
  83.       <span class="icon-wrap"><span class="s-icon"></span></span>
  84.       </h3>
  85.       <ul class="l-sidebar-nav-list" style="{{ style }}">
  86.       {{ include('Module/sidebar_nav-list.twig', {cid: 51}) }}
  87.       </ul>
  88.     </div>
  89.     <!-- /item -->
  90.     <!-- item -->
  91.     <div class="l-sidebar-nav__item">
  92.       <h3 class="l-sidebar-accordion-title js-accordion-title {{ active }}"><span class="s-text">馬力</span>
  93.       <span class="icon-wrap"><span class="s-icon"></span></span>
  94.       </h3>
  95.       <ul class="l-sidebar-nav-list" style="{{ style }}">
  96.       {{ include('Module/sidebar_nav-list.twig', {cid: 61}) }}
  97.       </ul>
  98.     </div>
  99.     <!-- /item -->
  101.     <!-- item -->
  102.     <div class="l-sidebar-nav__item">
  103.       <h3 class="l-sidebar-accordion-title js-accordion-title {{ active }}"><span class="s-text">省エネ性</span>
  104.       <span class="icon-wrap"><span class="s-icon"></span></span>
  105.       </h3>
  106.       <ul class="l-sidebar-nav-list" style="{{ style }}">
  107.       {{ include('Module/sidebar_nav-list.twig', {cid: 91}) }}
  108.       </ul>
  109.     </div>
  110.     <!-- /item -->
  111.     <!-- item -->
  112.     <div class="l-sidebar-nav__item">
  113.       <h3 class="l-sidebar-accordion-title js-accordion-title {{ active }}"><span class="s-text">設置場所</span>
  114.       <span class="icon-wrap"><span class="s-icon"></span></span>
  115.       </h3>
  116.       <ul class="l-sidebar-nav-list" style="{{ style }}">
  117.       {{ include('Module/sidebar_nav-list.twig', {cid: 101}) }}
  118.       </ul>
  119.     </div>
  120.     <!-- /item -->
  121.   </nav>
  122. </div>