{% block javascript %}
<script>
$(function() {
$('.ec-recommend').each(function() {
var listLength = $(this).find('.ec-recommendItem').length;
if (listLength > 3) {
$(this).find('.ec-recommendItem:gt(2)').each(function() {
$(this).hide();
});
}
});
});
</script>
{% endblock %}
<section class="recommend main-ele" id="recommend">
<div class="container">
<div class="section-title">
<h2 class="en wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeInUp;">Recommend</h2>
<p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeInUp;">おすすめ商品</p>
</div>
{% set recommend_products = repository('Plugin\\Recommend42\\Entity\\RecommendProduct').getRecommendProduct %}
{% if recommend_products is not empty %}
<div class="section-content ec-recommend">
{% for RecommendProduct in recommend_products %}
{% set Product = RecommendProduct.Product %}
<div class="content-ele ec-recommendItem wow fadeInUp " data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeInUp;">
<div class="content-ele-img">
<a href="{{ url('product_detail', {'id': RecommendProduct.Product.id}) }}">
<img src="{{ asset(Product.mainFileName|no_image_product, "save_image") }}" alt="{{ Product.name }}">
</a>
</div>
<p>
<a href="{{ url('product_detail', {'id': RecommendProduct.Product.id}) }}">
{{ Product.name }}
</a>
</p>
<p>{{ Product.getPrice02IncTaxMax|price }}<span>(税込)</span></p>
</div>
{% endfor %}
</div>
{% endif %}
<a href="{{ url('product_list') }}" class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="visibility: visible; animation-duration: 1s; animation-delay: 0.3s; animation-name: fadeInUp;">
もっと見る
</a>
</div>
</section>