app/template/default/Block/category_nav_pc.twig line 1

Open in your IDE?
  1. {# カテゴリナビ #}
  3. {# Template Asset Path #}
  4. {% set template_asset_url = eccube_config.template_asset_url %}
  6. {%    set categories = [
  7.         { 'id': 4,  'name': '食器棚・キッチン収納',   'image': template_asset_url ~ '/assets/img/nav_p01.png', },
  8.         { 'id': 5,  'name': 'テレビ台・テレビボード',           'image': template_asset_url ~ '/assets/img/nav_p02.png', },
  9.         { 'id': 42, 'name': 'ソファ',           'image': template_asset_url ~ '/assets/img/nav_p15.png', },
  10.         { 'id': 6,  'name': 'チェスト・シェルフ',     'image': template_asset_url ~ '/assets/img/nav_p03.png', },
  11.         { 'id': 46, 'name': 'ダイニングセット',     'image': template_asset_url ~ '/assets/img/nav_p17.png', },
  12.         { 'id': 9,  'name': 'ダイニングテーブル',     'image': template_asset_url ~ '/assets/img/nav_p06.png', },
  13.         { 'id': 10, 'name': 'チェア・椅子',           'image': template_asset_url ~ '/assets/img/nav_p07.png', },
  14.         { 'id': 43, 'name': 'オフィス収納',            'image': template_asset_url ~ '/assets/img/nav_p13.png', },
  15.         { 'id': 8,  'name': '書斎・オフィステーブル',   'image': template_asset_url ~ '/assets/img/nav_p05.png', },
  16.         { 'id': 7,  'name': 'リビングテーブル',       'image': template_asset_url ~ '/assets/img/nav_p04.png', },
  17.         { 'id': 40, 'name': 'ラグ',                   'image': template_asset_url ~ '/assets/img/nav_p12.png', },
  18.         { 'id': 44, 'name': '耐震機能付き上置',                   'image': template_asset_url ~ '/assets/img/nav_p18.png', },
  19.         { 'id': 51, 'name': 'オプション・カスタマイズ', 'image': template_asset_url ~ '/assets/img/nav_p19.png', },
  20.     ]
  21. %}
  22. {#        { 'id': 13, 'name': '照明',                   'image': template_asset_url ~ '/assets/img/nav_p10.png', }, #}
  23. {#        { 'id': 14, 'name': 'その他インテリア・雑貨', 'image': template_asset_url ~ '/assets/img/nav_p11.png', }, #}
  24. {#        { 'id': 11, 'name': 'スツール',               'image': asset('assets/img/nav_p08.png'), }, #}
  25. {#        { 'id': 12, 'name': 'ベンチ',                 'image': asset('assets/img/nav_p09.png'), }, #}
  27. {%    set order_categories = [
  28.         { 'id': 15, 'name': 'ブックシェルフ', 'name_en': 'Bookshelf',    'image': template_asset_url ~ '/assets/img/nav_o01.jpg', },
  29.         { 'id': 17, 'name': 'サイドボード',   'name_en': 'Sideboard',    'image': template_asset_url ~ '/assets/img/nav_o02.jpg', },
  30.         { 'id': 16, 'name': 'テレビボード',   'name_en': 'TV stands',    'image': template_asset_url ~ '/assets/img/nav_o03.jpg', },
  31.         { 'id': 18, 'name': 'シューズラック', 'name_en': 'Shoe racks',   'image': template_asset_url ~ '/assets/img/nav_o04.jpg', },
  32.         { 'id': 19, 'name': '壁面収納',       'name_en': 'Wall storage', 'image': template_asset_url ~ '/assets/img/nav_o05.jpg', },
  33.         { 'id': 20, 'name': 'チェスト',       'name_en': 'Chests',       'image': template_asset_url ~ '/assets/img/nav_o06.jpg', },
  34.         { 'id': 45, 'name': 'カウンター下収納', 'name_en': 'Under Counter', 'image': template_asset_url ~ '/assets/img/nav_o07.jpg', },
  35.     ]
  36. %}
  38. <div class="l-blockRole">
  39.     <div class="l-headerRole-navBottom">
  40.         <nav class="l-headerRole-navBottom__inner">
  41.             <ul class="l-headerRole-navBottom__list">
  42.                 <li class="js-header-subnav type--product" data-id="product">
  43.                     <a href="{{ url('product_list') }}?category_id=2">セレクト家具</a>
  44.                     <div class="l-headerRole-navBottom__list-sub">
  45.                         <div class="l-headerRole-navBottom__list-sub__inner">
  46.                             <div class="l-headerRole-navBottom__left">
  47.                                 <ul class="l-headerRole-navBottom__list-sub-switch">
  48.                                     <li class="is-active"><a href="#product">セレクト家具</a></li>
  49.                                     <li><a href="#order">オーダー家具</a></li>
  50.                                 </ul>
  51.                                 <ul class="l-headerRole-navBottom__cate-link">
  52.                                     <li><a href="/products/list?category_id=48">Pamouna部品販売</a></li>
  53.                                     <li><a href="/products/list?category_id=50">カラーサンプル</a></li>
  54.                                 </ul>
  55.                             </div>
  56.                             <ul class="l-headerRole-navBottom__list-sub-list">
  57. {% for c in categories %}
  58.                                 <li>
  59. {#                                    <a href="{{ url('product_list') }}?category_id=2&c0={{ c.id }}"> #}
  60.                                     <a href="{{ url('product_list') }}?category_id={{ c.id }}">
  61.                                         <div class="image"><img src="{{ c.image }}" alt="{{ c.name }}"></div>
  62.                                         <div class="text">{{ c.name }}</div>
  63.                                     </a>
  64.                                 </li>
  65. {% endfor %}
  66.                             </ul>
  67.                         </div>
  68.                     </div>
  69.                 </li>
  70.                 <li class="js-header-subnav type--order" data-id="order">
  71.                     <a href="{{ url(eccube_config.eccube_user_data_route, {'route': 'ituki'}) }}">オーダー家具</a>
  72.                     <div class="l-headerRole-navBottom__list-sub">
  73.                         <div class="l-headerRole-navBottom__list-sub__inner">
  74.                             <ul class="l-headerRole-navBottom__list-sub-switch l-headerRole-navBottom__left">
  75.                                 <li><a href="#product">セレクト家具</a></li>
  76.                                 <li class="is-active"><a href="#order">オーダー家具</a></li>
  77.                             </ul>
  78.                             <ul class="l-headerRole-navBottom__list-sub-list">
  79. {% for c in order_categories %}
  80.                                 <li>
  81. {#                                    <a href="{{ url('product_list') }}?category_id=3&c0={{ c.id }}"> #}
  82.                                     <a href="{{ url('product_list') }}?category_id={{ c.id }}">
  83.                                         <div class="image"><img src="{{ c.image }}" alt="{{ c.name }}"></div>
  84.                                         <div class="text">{{ c.name }}</div>
  85.                                     </a>
  86.                                 </li>
  87. {% endfor %}
  88.                             </ul>
  89.                         </div>
  90.                     </div>
  91.                 </li>
  92. {#
  93.                 <!-- <li><a href="/future/">特集記事</a></li> -->
  94.                 <!-- <li><a href="/news/">ニュース</a></li> -->
  95. #}
  96.                 <li class="js-header-subnav type--b" data-id="guide">
  97.                     <a href="{{ url('help_guide') }}">ご利用ガイド</a>
  98.                     <div class="l-headerRole-navBottom__list-sub">
  99.                         <div class="l-headerRole-navBottom__list-sub__inner">
  100.                             <ul class="l-headerRole-navBottom__list-sub-list">
  101.                                 <li><a href="{{ url('help_guide') }}#firstuser">初めてご利用の方</a></li>
  102.                                 <li><a href="{{ url('help_guide') }}#payment">お支払い方法</a></li>
  103.                                 <li><a href="{{ url('help_guide') }}#date">納期</a></li>
  104.                                 <li><a href="{{ url('help_guide') }}#exchange">返品交換</a></li>
  105.                                 <li><a href="{{ url('help_guide') }}#delivery">配送方法・送料</a></li>
  106.                                 <li><a href="{{ url('help_guide') }}#warranty">保証について</a></li>
  107.                             </ul>
  108.                         </div>
  109.                     </div>
  110.                 </li>
  111.                 <li><a href="https://www.pamouna.jp/?utm_source=ec&utm_medium=link&utm_campaign=PamounaStore" target="_blank">ブランドサイト</a></li>
  112.             </ul>
  113.         </nav>
  114.     </div>
  115. <!-- / --></div>