<section class="sweets main-ele" id="new-products">
<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;">New Sweets</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 product_repository = repository('Eccube\\Entity\\Product') %}
{% if app.request.server.get('HTTP_USER_AGENT') is not null %}
{% set is_mobile = app.request.headers.get('User-Agent') matches '/(mobile|mobi|android|touch|mini)/i' %}
{% else %}
{% set is_mobile = false %}
{% endif %}
{% set product_count = is_mobile ? 4 : 3 %}
{% set latest_products = product_repository.findBy({}, {'create_date': 'DESC'}, product_count, 0) %}
{% if latest_products is not empty %}
<div class="section-content">
{% for Product in latest_products %}
<div class="content-ele 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': Product.id}) }}">
<img src="{{ asset(Product.mainFileName|no_image_product, "save_image") }}" alt="{{ Product.name }}">
</a>
</div>
<p>
<a href="{{ url('product_detail', {'id': 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>