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

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  3. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  4. http://www.ec-cube.co.jp/
  5. For the full copyright and license information, please view the LICENSE
  6. file that was distributed with this source code.
  7. #}
  8. <section class="top-category">
  9.   <div class="top-category__bg"><img src="{{ asset('assets/img/top/img-category_word.png', 'user_data')}}" alt=""></div>
  10.   <div class="inner">
  11.     <h2 class="section__heading">Category<span class="section__sub-heading">カテゴリーで選ぶ</span></h2>
  12.     <ul class="top-category__list">
  13.       <li class="top-category__item">
  14.         <figure class="top-category__thumb">
  15.           <img src="{{ asset('assets/img/top/img-category01.jpg', 'user_data') }}">
  16.         </figure>
  17.         <h3 class="top-category__name">茶葉</h3>
  18.         <div class="p-link top-category__link">
  19.           <a href="{{ url('product_list') }}?category_id=7">
  20.             <span class="p-link__arrow">
  21.               <svg class="p-link__icon --before">
  22.                 <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-arrow_link"></use>
  23.               </svg>
  24.               <svg class="p-link__icon --after">
  25.                 <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-arrow_link"></use>
  26.               </svg>
  27.             </span>
  28.             <span class="top-category__link-text">茶葉の一覧を見る</span>
  29.           </a>
  30.         </div>
  31.       </li>
  32.       <li class="top-category__item">
  33.         <figure class="top-category__thumb">
  34.           <img src="{{ asset('assets/img/top/img-category02.jpg', 'user_data') }}">
  35.         </figure>
  36.         <h3 class="top-category__name">ドリップバッグ</h3>
  37.         <div class="p-link top-category__link">
  38.           <a href="{{ url('product_list') }}?category_id=17">
  39.             <span class="p-link__arrow">
  40.               <svg class="p-link__icon --before">
  41.                 <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-arrow_link"></use>
  42.               </svg>
  43.               <svg class="p-link__icon --after">
  44.                 <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-arrow_link"></use>
  45.               </svg>
  46.             </span>
  47.             <span class="top-category__link-text">ドリップバッグの一覧を見る</span>
  48.           </a>
  49.         </div>
  50.       </li>
  51.       <li class="top-category__item">
  52.         <figure class="top-category__thumb">
  53.           <img src="{{ asset('assets/img/top/img-category03.jpg', 'user_data') }}">
  54.         </figure>
  55.         <h3 class="top-category__name">ボトルティー</h3>
  56.         <div class="p-link top-category__link">
  57.           <a href="{{ url('product_list') }}?category_id=18">
  58.             <span class="p-link__arrow">
  59.               <svg class="p-link__icon --before">
  60.                 <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-arrow_link"></use>
  61.               </svg>
  62.               <svg class="p-link__icon --after">
  63.                 <use xlink:href="/html/user_data/assets/img/symbol-defs.svg#icon-arrow_link"></use>
  64.               </svg>
  65.             </span>
  66.             <span class="top-category__link-text">ボトルティーの一覧を見る</span>
  67.           </a>
  68.         </div>
  69.       </li>
  70.     </ul>
  71.   </div>
  72. </section>