{% set cat_id = cat_id_set %}
{% set Products = get_category_product(cat_id,5) %}
{% if Products|length > 0 %}
{% set count = 0%}
<section class="set">
<div class="max">
<div class="heading">
<div class="eng">Set Products</div>
<h2>セット商品</h2>
<div class="icon">
<img src="{{ asset('assets/img/top/set_icon.png') }}" class="retina">
</div>
<div class="text">
<p>インテリアにアクセントを加える<br>おしゃれな鉢植えも植物とセットでご購入可能です。</p>
</div>
</div>
<div class="content">
<div class="set_slider">
{% for Product in Products %}
{% if Product|length > 0 %}
{% set count = count + 1%}
{% endif %}
<div class="slider_list">
{% set change_image_size = change_image_size( asset(Product.main_list_image|no_image_product, 'save_image'),600,600 ) %} {# サムネ画像のサイズ変更 #}
<a href="{{ url('product_detail', {'id': Product.id}) }}">
<div class="image">
<img src="{{ change_image_size }}">
</div>
<div class="catch">
<div class="price">
{% if Product.hasProductClass %}
{% if Product.getPrice02Min == Product.getPrice02Max %}
{{ Product.getPrice02IncTaxMin|price }}
{% else %}
{{ Product.getPrice02IncTaxMin|price }} ~ {{ Product.getPrice02IncTaxMax|price }}
{% endif %}
{% else %}
{{ Product.getPrice02IncTaxMin|price }}
{% endif %}
</div>
<div class="title">{{ Product.name }}</div>
</div>
</a>
</div>
{% endfor %}
</div>
<div class=" common_btn">
<a href="{{url('product_list')}}?category_id={{cat_id}}">セット商品一覧<span></span></a>
</div>
</div>
</div>
</section>
<script>
/*jQuery*/
$(function() {
$('.set_slider').slick({
infinite: true,
slidesToShow: 2,
slidesToScroll: 1,
prevArrow: '<button type="button" class="slick-prev slick-arrow"></button>',
nextArrow: '<button type="button" class="slick-next slick-arrow"></button>',
});
});
</script>
{% else %}
<div class="none_recommend" style="padding-bottom: 100px;"></div>
{% endif %}