app/template/default/Block/top_new_product.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. #}
  12. <div class="top-content-box">
  13.     <h2>新入荷カード情報</h2>
  15. {% set Category = repository("Eccube\\Entity\\Category").find(2) %}
  17. {%
  18.     set products = repository("Eccube\\Entity\\Product")
  19.     .getQueryBuilderBySearchData({'category_id': Category})
  20.     .setMaxResults(5)
  21.     .getQuery()
  22.     .getResult()
  23. %}
  25.     <div class="product-big-list">
  26. {% for Product in products %}
  27.         <div class="product-list-box">
  28.             <a href="{{ url('product_detail', {'id': Product.id}) }}">
  29.                 <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}">
  30.             </a>
  32.             <p>{{ Product.name }}</p>
  34.             <p class="price">
  35.                 {% if Product.hasProductClass %}
  36.                     {% if Product.getPrice02Min == Product.getPrice02Max %}
  37.                         {{ Product.getPrice02IncTaxMin|number_format }}
  38.                     {% else %}
  39.                         {{ Product.getPrice02IncTaxMin|number_format }} ～ {{ Product.getPrice02IncTaxMax|number_format }}
  40.                     {% endif %}
  41.                 {% else %}
  42.                     {{ Product.getPrice02IncTaxMin|number_format }}
  43.                 {% endif %}
  44.                 <span>円</span>
  45.             </p>
  46.             {% if Product.stock_find %}
  47.                 <div class="top-new-spin">
  48.                     <form name="form{{ Product.id }}" id="productForm{{ Product.id }}" action="{{ url('product_add_cart', {id:Product.id}) }}" method="post">
  49.                         
  50.                             <label class="number-spinner-wrap">
  51.                                 <input type="number" id="quantity{{ Product.id }}" name="quantity" required="required" min="1" maxlength="9" class="test5" value="1">
  52.                                 <span class="spinner spinner-down"> <img src="{{ asset('/html/user_data/assets/img/minus.png') }}" class="numcursul" alt=""> </span>
  53.                                 <span class="spinner spinner-up"> <img src="{{ asset('/html/user_data/assets/img/plus.png') }}" class="numcursul" alt=""> </span>
  55.                             </label>
  56.                             <input type="hidden" id="product_id{{ Product.id }}" name="product_id" value="{{ Product.id }}">
  57.                             <input type="hidden" id="ProductClass" name="ProductClass" value="{{ Product.ProductClasses[0].id }}">
  58.                             <input type="hidden" id="_token{{ Product.id }}" name="_token" value="{{ csrf_token('Eccube\\Form\\Type\\AddCartType') }}" />
  59.                         
  60.                     </form>
  61.                 </div>
  62.                 <div class="cart-in-btn">
  63.                     <button class="add-cart-custom" data-cartid="{{ Product.id }}" form="productForm{{ Product.id }}" type="submit"> カートに入れる </button>
  64.                 </div>
  66.             {% else %}
  67.                 <div class="cart-in-btn">
  68.                     <button type="button" class="add-cart-custom" disabled="disabled"> {{ '品切れ中'|trans }} </button>
  69.                 </div>
  70.             {% endif %}
  71.         </div>
  72. {% endfor %}
  73.     </div>
  74. </div>
  75. <script>
  77. $(document).ready(function() {
  78.   // プラスボタンがクリックされたとき
  79.   $('.top-new-spin .spinner-up').click(function() {
  81.     // 対応する数量フィールドのIDを取得
  82.     var productId = $(this).closest('.top-new-spin .number-spinner-wrap').find('input[type="number"]').attr('id');
  83.     
  84.     // 対応する数量フィールドの値を取得
  85.     var quantity = parseInt($('.top-new-spin #' + productId).val());
  87.     // 値を増加させて数量フィールドに設定
  88.     $('.top-new-spin #' + productId).val(quantity + 1);
  89.   });
  91.   // マイナスボタンがクリックされたとき
  92.   $('.top-new-spin .spinner-down').click(function() {
  93.     // 対応する数量フィールドのIDを取得
  94.     var productId = $(this).closest('.top-new-spin .number-spinner-wrap').find('input[type="number"]').attr('id');
  95.     
  96.     // 対応する数量フィールドの値を取得
  97.     var quantity = parseInt($('.top-new-spin #' + productId).val());
  99.     // 値を減少させて数量フィールドに設定 (1未満にはしない)
  100.     if (quantity > 1) {
  101.       $('.top-new-spin #' + productId).val(quantity - 1);
  102.     }
  103.   });
  104. });
  106. </script>