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

Open in your IDE?
  1. <section class="sec_category">
  3.     <div class="main_ttl_wrap">
  4.         <h2 class="main_ttl">カテゴリーから<br class="sp">商品を探す<span>Category</span></h2>
  5.     </div>
  6.     <ul class="tab-list">
  7.         <li class="tab-list-item active">フレーム幅</li>
  8.         <li class="tab-list-item">フレーム<br class="sp">カラー</li>
  9.         <li class="tab-list-item">フレーム<br class="sp">デザイン</li>
  10.     </ul>
  11.     <div class="tab-contents">
  12.         <div class="tab-contents-item active">
  13.             <ul>
  15.                 <li><a href="{{ url('product_list') }}?category_id=33">
  16.                         <img src="{{ asset('assets/img/top/cate1_1.jpg') }}" alt="極細(15mm以内)">
  17.                         <p>極細(15mm以内)</p>
  18.                     </a></li>
  19.                 <li><a href="{{ url('product_list') }}?category_id=34">
  20.                         <img src="{{ asset('assets/img/top/cate1_2.jpg') }}" alt="細(16~35mm)">
  21.                         <p>細(16~35mm)</p>
  22.                     </a></li>
  23.                 <li><a href="{{ url('product_list') }}?category_id=35">
  24.                         <img src="{{ asset('assets/img/top/cate1_3.jpg') }}" alt="中(36~50mm)">
  25.                         <p>中(36~50mm)</p>
  26.                     </a></li>
  27.                 <li><a href="{{ url('product_list') }}?category_id=36">
  28.                         <img src="{{ asset('assets/img/top/cate1_4.jpg') }}" alt="太(51~65mm)">
  29.                         <p>太(51~65mm)</p>
  30.                     </a></li>
  31.                 <li><a href="{{ url('product_list') }}?category_id=37">
  32.                         <img src="{{ asset('assets/img/top/cate1_5.jpg') }}" alt="極太(66mm以上)">
  33.                         <p>極太(66mm以上)</p>
  34.                     </a></li>
  35.             </ul>
  36.         </div>
  37.         <div class="tab-contents-item">
  38.             <ul>
  39.                 <li><a href="{{ url('product_list') }}?category_id=38">
  40.                         <img src="{{ asset('assets/img/top/cate2_1.jpg') }}" alt="ゴールドの鏡">
  41.                         <p>ゴールドの鏡</p>
  42.                     </a></li>
  43.                 <li><a href="{{ url('product_list') }}?category_id=39">
  44.                         <img src="{{ asset('assets/img/top/cate2_2.jpg') }}" alt="シルバーの鏡">
  45.                         <p>シルバーの鏡</p>
  46.                     </a></li>
  47.                 <li><a href="{{ url('product_list') }}?category_id=50">
  48.                         <img src="{{ asset('assets/img/top/cate2_3.jpg') }}" alt="ブラウンの鏡">
  49.                         <p>ブラウンの鏡</p>
  50.                     </a></li>
  51.                 <li><a href="{{ url('product_list') }}?category_id=51">
  52.                         <img src="{{ asset('assets/img/top/cate2_4.jpg') }}" alt="木地・ナチュラルの鏡">
  53.                         <p>木地・ナチュラルの鏡</p>
  54.                     </a></li>
  55.                 <li><a href="{{ url('product_list') }}?category_id=52">
  56.                         <img src="{{ asset('assets/img/top/cate2_5.jpg') }}" alt="ブラックの鏡">
  57.                         <p>ブラックの鏡</p>
  58.                     </a></li>
  59.                 <li><a href="{{ url('product_list') }}?category_id=53">
  60.                         <img src="{{ asset('assets/img/top/cate2_6.jpg') }}" alt="ホワイトの鏡">
  61.                         <p>ホワイトの鏡</p>
  62.                     </a></li>
  63.                 <li><a href="{{ url('product_list') }}?category_id=44">
  64.                         <img src="{{ asset('assets/img/top/cate2_7.jpg') }}" alt="レッドの鏡">
  65.                         <p>レッドの鏡</p>
  66.                     </a></li>
  67.                 <li><a href="{{ url('product_list') }}?category_id=46">
  68.                         <img src="{{ asset('assets/img/top/cate2_8.jpg') }}" alt="ブルーの鏡">
  69.                         <p>ブルーの鏡</p>
  70.                     </a></li>
  71.                 <li><a href="{{ url('product_list') }}?category_id=45">
  72.                         <img src="{{ asset('assets/img/top/cate2_9.jpg') }}" alt="グリーンの鏡">
  73.                         <p>グリーンの鏡</p>
  74.                     </a></li>
  75.                 <li><a href="{{ url('product_list') }}?category_id=47">
  76.                         <img src="{{ asset('assets/img/top/cate2_10.jpg') }}" alt="イエローの鏡">
  77.                         <p>イエローの鏡</p>
  78.                     </a></li>
  79.                 <li><a href="{{ url('product_list') }}?category_id=54">
  80.                         <img src="{{ asset('assets/img/top/cate2_11.jpg') }}" alt="パープルの鏡">
  81.                         <p>パープルの鏡</p>
  82.                     </a></li>
  83.             </ul>
  84.         </div>
  85.         <div class="tab-contents-item">
  86.             <ul>
  87.                 <li><a href="{{ url('product_list') }}?category_id=40">
  88.                         <img src="{{ asset('assets/img/top/cate3_1.jpg') }}" alt="デコラティブミラー">
  89.                         <p>デコラティブミラー</p>
  90.                     </a></li>
  91.                 <li><a href="{{ url('product_list') }}?category_id=42">
  92.                         <img src="{{ asset('assets/img/top/cate3_2.jpg') }}" alt="シックミラー">
  93.                         <p>シックミラー</p>
  94.                     </a></li>
  95.                 <li><a href="{{ url('product_list') }}?category_id=63">
  96.                         <img src="{{ asset('assets/img/top/cate3_3.jpg') }}" alt="フレンチシックミラー">
  97.                         <p>フレンチシックミラー</p>
  98.                     </a></li>
  99.                 <li><a href="{{ url('product_list') }}?category_id=60">
  100.                         <img src="{{ asset('assets/img/top/cate3_4.jpg') }}" alt="モダンミラー">
  101.                         <p>モダンミラー</p>
  102.                     </a></li>
  103.                 <li><a href="{{ url('product_list') }}?category_id=41">
  104.                         <img src="{{ asset('assets/img/top/cate3_5.jpg') }}" alt="カジュアルミラー">
  105.                         <p>カジュアルミラー</p>
  106.                     </a></li>
  107.                 <li><a href="{{ url('product_list') }}?category_id=59">
  108.                         <img src="{{ asset('assets/img/top/cate3_6.jpg') }}" alt="シンプルミラー">
  109.                         <p>シンプルミラー</p>
  110.                     </a></li>
  111.                 <li><a href="{{ url('product_list') }}?category_id=43">
  112.                         <img src="{{ asset('assets/img/top/cate3_7.jpg') }}" alt="オリエンタルミラー">
  113.                         <p>オリエンタルミラー</p>
  114.                     </a></li>
  115.                 <li><a href="{{ url('product_list') }}?category_id=49">
  116.                         <img src="{{ asset('assets/img/top/cate3_8.jpg') }}" alt="アルミフレームミラー">
  117.                         <p>アルミフレームミラー</p>
  118.                     </a></li>
  119.             </ul>
  120.         </div>
  121.     </div>
  122. </section>