app/template/default/Product/list.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'product-archive-page' %}
  14. {% set title = '商品一覧' %}
  16. {% block main %}
  17. <section class="product">
  18.   <div class="container product__container">
  19.     <div class="product__head inview-custom">
  20.       <h1 class="product__title">PRODUCT</h1>
  21.     </div>
  23.     <div class="product__body inview">
  24.       <div class="product__sort product-sort">
  25.       </div>
  27.       {% if pagination.totalItemCount > 0 %}
  28.       <ul class="product__list">
  29.         {% for Product in pagination %}
  30.         <li class="product__item">
  31.           <div class="product__item-thumb">
  32.             <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  33.           </div>
  34.           <div class="product__item-body">
  35.             <h2 class="product__item-title">{{ Product.name }}</h2>
  36.             <p class="product__item-price">
  37.             {% if Product.subscription_discount_rate is defined and Product.subscription_discount_rate > 0 %}
  38.               {% set discount_rate = Product.subscription_discount_rate %}
  39.               {% set original_price = Product.getPrice02IncTaxMin %}
  40.               {% set discounted_price = (original_price * (100 - discount_rate) / 100)|round(0, 'floor') %}
  41.               <span class="product__item-discount" style="color: red; font-weight: bold; margin-right: 10px;">-{{ discount_rate }}%</span>
  42.               <span>{{ discounted_price|price }}(税込)</span>
  43.               <br>
  44.               <span style="font-size: 0.9em; color: #999;">参考価格:
  45.               <span style="text-decoration: line-through;">{{ original_price|price }}(税込)</span>
  46.               </span>
  47.             {% else %}
  48.               <span>{{ Product.getPrice02IncTaxMin|price }}(税込)</span>
  49.             {% endif %}
  50.             </p>
  51.             {% if not Product.subscription %}
  52.             <a href="{{ url('product_detail', {'id': Product.id}) }}" class="product__item-btn">予約購入</a>
  53.             {% else %}
  54.             <a href="{{ url('product_detail', {'id': Product.id}) }}" class="product__item-btn">予約購入</a>
  55.             {% endif %}
  56.             <p style="color: red; padding: 5px 0; font-size: 12px;text-align: center;">※ こちらの商品は2月上旬にお届け予定です。</p>
  57.           </div>
  58.         </li>
  59.         {% endfor %}
  60.       </ul>
  61.       {% endif %}
  63.       {% include "pager.twig" with {'pages': pagination.paginationData} %}
  64.     </div>
  65.   </div>
  66. </section>
  67. {% endblock %}