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_page' %}
  15. {# style #}
  16. {% block stylesheet %}
  17.     <link rel="stylesheet" href="{{ asset('assets/css/product-list.css') }}">
  18. {% endblock %}
  20. {% block javascript %}{% endblock %}
  22. {% block main %}
  24.     <body>
  25.         <div
  26.             class="contact_wrapper body-section-ui">
  27.             <!-- breadcrumb -->
  28.             <nav class="breadcrumb" aria-label="パンくずリスト">
  29.                 <a class="breadcrumb__item" href="{{ url('homepage') }}">ホーム</a>
  30.                 <img class="breadcrumb__separator" src="{{ asset('assets/img/default/icons/icon-breadcrumb-separator.svg') }}" alt="" width="12" height="12"/>
  31.                 <span class="breadcrumb__item breadcrumb__item--current">備長炭一覧</span>
  32.             </nav>
  34.             <div
  35.                 class="container-1200">
  36.                 <!-- content -->
  37.                 <div class="product-list-wrapper">
  38.                     <div class="product-list" id="product-list">
  39.                     {% for Product in pagination %}
  40.                         <a href="{{ url('product_detail', {'id': Product.id}) }}" class="product-card">
  41.                             <div class="product-card__link">
  42.                                 <div class="product-card__image">
  43.                                 <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" />
  44.                                 </div>
  45.                                 <div class="product-card__info">
  46.                                 <div class="product-card__badge">{{ Product.name }}</div>
  47.                                 <div class="product-card__details">
  48.                                     <p class="product-card__price">
  49.                                     <span class="product-card__price-main">
  50.                                         {% if Product.getPrice02Min == Product.getPrice02Max %}
  51.                                             {{ Product.getPrice02IncTaxMin|price }}
  52.                                         {% else %}
  53.                                             {{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}
  54.                                         {% endif %}
  55.                                     </span>
  56.                                     <span class="product-card__price-tax">(税抜 {{ Product.getPrice02Min|price }}円)</span>
  57.                                     </p>
  58.                                     <img class="product-card__arrow" src="{{ asset('assets/img/default/icons/icon-product-arrow.svg') }}" alt="" width="24" height="24" />
  59.                                 </div>
  60.                                 </div>
  61.                             </div>
  62.                         </a>
  63.                     {% endfor %}
  64.                     </div>
  66.                 <!-- pagination -->
  67.                 {% include "pager.twig" with {'pages': pagination.paginationData} %}
  69.                 </div>
  71.             </div>
  72.         </div>
  75.     </body>
  77. {% endblock %}