{#
This file is part of EC-CUBE
Copyright(c) Takashi Otaki All Rights Reserved.
For the full copyright and license information, please view the LICENSE
file that was distributed with this source code.
#}
{% if CheckedItem is not empty %}
<style type="text/css">
.slide-wrap {
margin-bottom: 20px;
overflow-y: hidden;
overflow-x: scroll;
display: flex;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
@media only screen and (max-width: 767px) {
.side-box {
flex: 0 0 40%;
padding: 0 8px;
}
}
@media only screen and (min-width: 768px) {
.side-box {
flex: 0 0 18%;
padding: 0 8px;
}
}
.inner, .inner img {
max-width: 100%;
}
</style>
<div class="ec-role product-list">
{% if Config.checked_item_title != "" %}
<h3 class="title-bottom-line mt-3">{{ Config.checked_item_title }}</h3>
{% endif %}
<div class="slide-wrap">
{% for item in CheckedItem %}
<div class="side-box">
<div class="inner">
<a href="{{ url('product_detail', {'id': item[0].id}) }}">
{% if item[0].ProductImage[0] is defined %}
<img src="{{ asset(item[0].ProductImage[0], 'save_image') }}" loading="lazy">
{% else %}
<img src="{{ asset(''|no_image_product, 'save_image') }}" loading="lazy">
{% endif %}
{% if Config.checked_item_disp_title == 1 %}
<p>{{ item[0].name }}</p>
{% endif %}
{% if Config.checked_item_disp_price == 1 %}
<p class="price02_default">
{% if item[0].hasProductClass %}
{% if item[0].getPrice02Min == item[0].getPrice02Max %}
{{ item[0].getPrice02IncTaxMin|price }}
{% else %}
{{ item[0].getPrice02IncTaxMin|price }} ~ {{ item[0].getPrice02IncTaxMax|price }}
{% endif %}
{% else %}
{{ item[0].getPrice02IncTaxMin|price }}
{% endif %}
</p>
{% endif %}
{% if Config.checked_item_disp_code == 1 %}
<p>{{ item[0].code_min }}{% if item[0].code_min != item[0].code_max %} ~ {{ item[0].code_max }}{% endif %}</p>
{% endif %}
{% if Config.checked_item_disp_description_detail == 1 %}
<p>{{ item[0].description_detail|raw|nl2br }}</p>
{% endif %}
</a>
{% if Config.checked_item_disp_cat == 1 %}
{% for ProductCategory in item[0].ProductCategories %}
<p>
{% for Category in ProductCategory.Category.path %}
<a href="{{ url('product_list') }}?category_id={{ Category.id }}">{{ Category.name }}</a> {%- if loop.last == false %}
<span>></span>{% endif -%}
{% endfor %}
</p>
{% endfor %}
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
{% endif %}