app/template/default/Block/category.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. <section class="top-category">
  13.   <div class="top-category__bg"><img src="{{ asset('assets/img/top/img-category_word.png', 'user_data')}}" alt=""></div>
  14.   <div class="inner">
  15.     <h2 class="section__heading">Category<span class="section__sub-heading">カテゴリーで選ぶ</span></h2>
  16.     <ul class="top-category__list">
  17.       <li class="top-category__item">
  18.         <figure class="top-category__thumb">
  19.           <img src="{{ asset('assets/img/top/img-category01.jpg', 'user_data') }}">
  20.         </figure>
  21.         <h3 class="top-category__name">茶葉</h3>
  22.         <div class="p-link top-category__link">
  23.           <a href="{{ url('product_list') }}?category_id=7">
  24.             <span class="p-link__arrow">
  25.               <svg class="p-link__icon --before">
  26.                 <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-arrow_link"></use>
  27.               </svg>
  28.               <svg class="p-link__icon --after">
  29.                 <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-arrow_link"></use>
  30.               </svg>
  31.             </span>
  32.             <span class="top-category__link-text">茶葉の一覧を見る</span>
  33.           </a>
  34.         </div>
  35.       </li>
  36.       <li class="top-category__item">
  37.         <figure class="top-category__thumb">
  38.           <img src="{{ asset('assets/img/top/img-category02.jpg', 'user_data') }}">
  39.         </figure>
  40.         <h3 class="top-category__name">ドリップバッグ</h3>
  41.         <div class="p-link top-category__link">
  42.           <a href="{{ url('product_list') }}?category_id=17">
  43.             <span class="p-link__arrow">
  44.               <svg class="p-link__icon --before">
  45.                 <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-arrow_link"></use>
  46.               </svg>
  47.               <svg class="p-link__icon --after">
  48.                 <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-arrow_link"></use>
  49.               </svg>
  50.             </span>
  51.             <span class="top-category__link-text">ドリップバッグの一覧を見る</span>
  52.           </a>
  53.         </div>
  54.       </li>
  55.       <li class="top-category__item">
  56.         <figure class="top-category__thumb">
  57.           <img src="{{ asset('assets/img/top/img-category03.jpg', 'user_data') }}">
  58.         </figure>
  59.         <h3 class="top-category__name">ボトルティー</h3>
  60.         <div class="p-link top-category__link">
  61.           <a href="{{ url('product_list') }}?category_id=18">
  62.             <span class="p-link__arrow">
  63.               <svg class="p-link__icon --before">
  64.                 <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-arrow_link"></use>
  65.               </svg>
  66.               <svg class="p-link__icon --after">
  67.                 <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-arrow_link"></use>
  68.               </svg>
  69.             </span>
  70.             <span class="top-category__link-text">ボトルティーの一覧を見る</span>
  71.           </a>
  72.         </div>
  73.       </li>
  75.     </ul>
  76.   </div>
  77. </section>