{#
This file is part of EC-CUBE
Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
http://www.ec-cube.co.jp/
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{% extends 'default_frame.twig' %}
{% set page_class = 'subpage eccube' %}
{% set en_page_name = 'Online shop' %}
{% set page_name = 'オンラインショップ' %}
{% block stylesheet %}
<style>
.ec-layoutRole__contents main {
margin-bottom: 0 !important;
}
</style>
{% endblock %}
{% block main %}
<section class="content">
<div class="container-1200">
<h4 class="subtitle">カテゴリーから選ぶ</h4>
<h2>
Category
<div class="decoration"><span class="bg-blue"></span><span class="bg-red"></span></div>
</h2>
<div class="top-categories">
<a href="{{ url('product_list') }}" class="lib-eccube__item">
<div class="text">
<span>すべての商品</span>
<p>All products</p>
</div>
<div class="img">
<img src="{{ asset('assets/img/eccube-item.png') }}" alt="">
</div>
</a>
<a href="{{ url('product_list', { category_id: 1 }) }}" class="lib-eccube__item">
<div class="text">
<span>カスタムパーツ</span>
<p>Custom parts</p>
</div>
<div class="img">
<img src="{{ asset('assets/img/subpage/eccube-categories/custom-parts.png') }}" alt="">
</div>
</a>
<a href="{{ url('product_list', { category_id: 2 }) }}" class="lib-eccube__item">
<div class="text">
<span>タイヤ</span>
<p>Tire</p>
</div>
<div class="img">
<img src="{{ asset('assets/img/subpage/eccube-categories/tire.png') }}" alt="">
</div>
</a>
<a href="{{ url('product_list', { category_id: 3 }) }}" class="lib-eccube__item">
<div class="text">
<span>オイル / ケミカル</span>
<p>Oil / Chemical</p>
</div>
<div class="img">
<img src="{{ asset('assets/img/subpage/eccube-categories/oil_chemical.png') }}" alt="">
</div>
</a>
<a href="{{ url('product_list', { category_id: 4 }) }}" class="lib-eccube__item">
<div class="text">
<span>ヘルメット</span>
<p>Helmet</p>
</div>
<div class="img">
<img src="{{ asset('assets/img/subpage/eccube-categories/helmet.png') }}" alt="">
</div>
</a>
<a href="{{ url('product_list', { category_id: 5 }) }}" class="lib-eccube__item">
<div class="text">
<span>ゴーグル</span>
<p>Goggles</p>
</div>
<div class="img">
<img src="{{ asset('assets/img/subpage/eccube-categories/goggles.png') }}" alt="">
</div>
</a>
<a href="{{ url('product_list', { category_id: 6 }) }}" class="lib-eccube__item">
<div class="text">
<span>ウェア用品一式</span>
<p>Clothing supplies</p>
</div>
<div class="img">
<img src="{{ asset('assets/img/subpage/eccube-categories/clothing_supplies.png') }}" alt="">
</div>
</a>
<a href="{{ url('product_list', { category_id: 7 }) }}" class="lib-eccube__item">
<div class="text">
<span>プロテクター / ブーツ</span>
<p>Protector / Boots</p>
</div>
<div class="img">
<img src="{{ asset('assets/img/subpage/eccube-categories/protector_boots.png') }}" alt="">
</div>
</a>
<a href="{{ url('product_list', { category_id: 8 }) }}" class="lib-eccube__item">
<div class="text">
<span>その他バイク用品</span>
<p>Motorcycle supplies</p>
</div>
<div class="img">
<img src="{{ asset('assets/img/subpage/eccube-categories/motocycle_supplies.png') }}" alt="">
</div>
</a>
<a href="{{ url('product_list', { category_id: 9 }) }}" class="lib-eccube__item">
<div class="text">
<span>中古パーツ</span>
<p>Used parts</p>
</div>
<div class="img">
<img src="{{ asset('assets/img/subpage/eccube-categories/used_parts.png') }}" alt="">
</div>
</a>
<a href="{{ url('product_list', { category_id: 10 }) }}" class="lib-eccube__item">
<div class="text">
<span>スノーパーツ</span>
<p>Snow parts</p>
</div>
<div class="img">
<img src="{{ asset('assets/img/subpage/eccube-categories/snow_parts.png') }}" alt="">
</div>
</a>
<a href="{{ url('product_list', { category_id: 11 }) }}" class="lib-eccube__item">
<div class="text">
<span>除雪機</span>
<p>Snowblower</p>
</div>
<div class="img">
<img src="{{ asset('assets/img/subpage/eccube-categories/snowblower.png') }}" alt="">
</div>
</a>
</div>
</div>
</section>
<section class="manufacturers">
<div class="container-1200">
<h4 class="subtitle">取り扱いメーカー</h4>
<h2>
Manufacturers
<div class="decoration"><span class="bg-blue"></span><span class="bg-red"></span></div>
</h2>
<div class="manufacturers-list">
<div class="manufacturers-list__item">
<img src="{{ asset('assets/img/subpage/manufacturer-1.png') }}"/>
</div>
<div class="manufacturers-list__item">
<img src="{{ asset('assets/img/subpage/manufacturer-2.png') }}"/>
</div>
<div class="manufacturers-list__item">
<img src="{{ asset('assets/img/subpage/manufacturer-3.png') }}"/>
</div>
<div class="manufacturers-list__item">
<img src="{{ asset('assets/img/subpage/manufacturer-4.png') }}"/>
</div>
<div class="manufacturers-list__item">
<img src="{{ asset('assets/img/subpage/manufacturer-5.png') }}"/>
</div>
<div class="manufacturers-list__item">
<img src="{{ asset('assets/img/subpage/manufacturer-6.png') }}"/>
</div>
</div>
</div>
</section>
{% endblock %}