app/template/default/Block/mob_topweis.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="mob_top-content-box">
  13.     <h2>ポケモンおすすめカード</h2>
  15. {% set Category = repository("Eccube\\Entity\\Category").find(8) %}
  17. {%
  18.     set products = repository("Eccube\\Entity\\Product")
  19.     .getQueryBuilderBySearchData({'category_id': Category})
  20.     .setMaxResults(4)
  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 %}
  48.                 <form name="form{{ Product.id }}" id="productForm{{ Product.id }}" action="{{ url('product_add_cart', {id:Product.id}) }}" method="post">
  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.                 </form>
  60.                 <div class="cart-in-btn">
  61.                     <button class="add-cart-custom" data-cartid="{{ Product.id }}" form="productForm{{ Product.id }}" type="submit"> カートに入れる </button>
  62.                 </div>
  64.             {% else %}
  65.                 <div class="cart-in-btn">
  66.                     <button type="button" class="add-cart-custom" disabled="disabled"> {{ '品切れ中'|trans }} </button>
  67.                 </div>
  68.             {% endif %}
  69.         </div>
  70. {% endfor %}
  71.     </div>
  72. </div>
  73. <script>
  74. const $wrap = document.querySelector('.number-spinner-wrap')
  75. const $input = $wrap.querySelector('input')
  76. $wrap.querySelector('.spinner-down').onclick = ()=>{
  77.   $input.stepDown()
  78. }
  79. $wrap.querySelector('.spinner-up').onclick = ()=>{
  80.   $input.stepUp()
  81. }
  82. </script>