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

Open in your IDE?
  2. {% extends 'default_frame.twig' %}
  4. {% set body_class = 'preload' %}
  6. {% block stylesheet %}
  7.     <link rel="stylesheet" href="{{ asset('assets/css/product-list.css', 'user_data') }}">
  8. {% endblock %}
  10. {% block javascript %}
  11.     <script>
  12.         eccube.productsClassCategories = {
  13.             {% for Product in pagination %}
  14.             "{{ Product.id|escape('js') }}": {{ class_categories_as_json(Product)|raw }}{% if loop.last == false %}, {% endif %}
  15.             {% endfor %}
  16.         };
  18.         $(function() {
  20.             // 表示件数を変更
  21.             $('.disp-number').change(function() {
  22.                 var dispNumber = $(this).val();
  23.                 $('#disp_number').val(dispNumber);
  24.                 $('#pageno').val(1);
  25.                 $("#form1").submit();
  26.             });
  28.             // 並び順を変更
  29.             $('.order-by').change(function() {
  30.                 var orderBy = $(this).val();
  31.                 $('#orderby').val(orderBy);
  32.                 $('#pageno').val(1);
  33.                 $("#form1").submit();
  34.             });
  35.         });
  36.     </script>
  37. {% endblock %}
  39. {% block main %}
  40.     <div class="common-bg">
  41.         {{ include('Block/pankuzu.twig') }}
  42.         <div class="content__wrapper">
  43.             <section class="product-list">
  44.                 <div class="h__ttl">{{ 'Item list'|trans }}</div>
  45.                 <h1 class="h__ttl02">{{ '商品一覧'|trans }}</h1>
  46.                 {% if search_form.category_id.vars.errors|length > 0 %}
  47.                     <div style="margin: 2rem; text-align: center;">
  48.                         <p class="errormsg text-danger">{{ 'ご指定のカテゴリは存在しません'|trans }}</p>
  49.                     </div>
  50.                 {% else %}
  51.                     <form name="form1" id="form1" method="get" action="?">
  52.                         {% for item in search_form %}
  53.                             <input type="hidden" id="{{ item.vars.id }}"
  54.                                 name="{{ item.vars.full_name }}"
  55.                                 {% if item.vars.value is not empty %}value="{{ item.vars.value }}" {% endif %}/>
  56.                         {% endfor %}
  57.                     </form>
  58.                     <div class="product-list__top">
  59.                         {% if pagination.totalItemCount > 0 %}
  60.                             {{ '<div class="product-list__top__txt">%count%件の商品が見つかりました</div>'|trans({ '%count%': pagination.totalItemCount })|raw }}
  61.                         {% else %}
  62.                             <div class="product-list__top__txt" style="margin: 2rem;">{{ 'お探しの商品は見つかりませんでした'|trans }}</div>
  63.                         {% endif %}
  64.                         {% if pagination.totalItemCount > 0 %}
  65.                             <div class="product-list__select__wrap">
  66.                                 <div class="product-list__top__select">
  67.                                     <div class="form__input quantity quantity01">
  68.                                         {{ form_widget(search_form.disp_number, {'id': '', 'attr': {'class': 'disp-number'}}) }}
  69.                                     </div>
  70.                                 </div>
  71.                                 <div class="product-list__top__select">
  72.                                     <div class="form__input quantity quantity02">
  73.                                         {{ form_widget(search_form.orderby, {'id': '', 'attr': {'class': 'order-by'}}) }}
  74.                                     </div>
  75.                                 </div>
  76.                             </div>
  77.                         {% endif %}
  78.                     </div>
  79.                     {% if pagination.totalItemCount > 0 %}
  80.                     <ul class="product-list__info">
  81.                         {% for Product in pagination %}
  82.                             <li>
  83.                                 <a href="{{ url('product_detail', {'id': Product.id}) }}">
  84.                                     <div class="product-list__info__img"><img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}></div>
  85.                                     <div class="product-list__info__name">{{ Product.name }}</div>
  86.                                     <div class="product-list__info__plice">
  87.                                     {% if Product.hasProductClass %}
  88.                                         {% if Product.getPrice02Min == Product.getPrice02Max %}
  89.                                             {{ Product.getPrice02IncTaxMin|price }}
  90.                                         {% else %}
  91.                                             {{ Product.getPrice02IncTaxMin|price }} ～ {{ Product.getPrice02IncTaxMax|price }}
  92.                                         {% endif %}
  93.                                     {% else %}
  94.                                         {{ Product.getPrice02IncTaxMin|price }}
  95.                                     {% endif %}
  96.                                     (税込)
  97.                                     </div>
  98.                                 </a>
  99.                             </li>
  100.                         {% endfor %}
  101.                     </ul>
  102.                     {% endif %}
  103.                 {% endif %}
  104.             </section>
  105.         </div>
  106.     </div>
  107. {% endblock %}