app/template/BlackCherry/Block/semi_new_item.twig line 1

Open in your IDE?
  1. <div class="ec-role">
  2.     <div class="ec-newItemRole">
  3.         <div class="ec-secHeading">
  4.             <img src="{{ asset('assets/img/new/icon_hot.png') }}" alt="準新作商品" />
  5.             <span class="ec-secHeading__text">{{ '準新作商品' |trans }}</span>
  6.         </div>
  7.         <div class="border-wrap notBorder-top">
  8.             <div class="ec-shelfRole">
  9.             {% if Products_semi is not empty %}
  10.                 <ul class="ec-shelfGrid">
  11.                     {% for Product in Products_semi|slice(0, 8) %}
  12.                         <li class="ec-shelfGrid__item">
  13.                             <div>
  14.                                 <p style="color:white;">入荷日：
  15.                                     {{ Product.ProductCategories|first.Category.name[:4] ~ '年' ~ Product.ProductCategories|first.Category.name[4:2] ~ '月' ~ Product.ProductCategories|first.Category.name[6:2] ~ '日' }}
  16.                                 </p>
  17.                             </div>
  18.                             <div class="ec-shelfGrid__item-image">
  19.                                 <a href="{{ url('product_detail', {'id': Product.id}) }}">
  20.                                     <img src="{{ asset(Product.list_image|no_image_product, 'save_image') }}" 
  21.                                          alt="{{ Product.name }}" 
  22.                                          width="300" 
  23.                                          height="300"
  24.                                          {% if loop.index <= 3 %}loading="eager"{% else %}loading="lazy"{% endif %}
  25.                                          sizes="(max-width: 768px) 33vw, (max-width: 1200px) 25vw, 20vw" />
  26.                                 </a>
  27.                             </div>
  28.                             <!--▼商品名▼-->
  29.                             <div class="ec-shelfGrid__item-title">
  30.                                 <a href="{{ url('product_detail', {'id': Product.id}) }}">
  31.                                      <h3>{{ Product.name | length > 50 ? Product.name|slice(0, 50) ~ '…' : Product.name }}</h3>
  32.                                 </a>
  33.                             </div>
  34.                             <!--▼商品詳細を見る▼-->
  35.                             <div class="ec-blockBtn--action ec-shelfGrid__item-desc">
  36.                                 <a href="{{ url('product_detail', {'id': Product.id}) }}">
  37.                                         <img src="{{ asset('assets/img/new/img_item-detail.png') }}" alt="商品詳細を見る" />
  38.                                    </a>
  39.                             </div>
  40.                             
  41.                             <!--▼買い物かご▼-->
  42.                             {% if Product.stock_find and forms_semi[Product.id] is defined %}
  43.                                 {% set form = forms_semi[Product.id] %}
  44.                                 <form name="form{{ Product.id }}" id="productForm{{ Product.id }}" action="{{ url('product_add_cart', {id:Product.id}) }}" method="post">
  45.                                     <div class="ec-productRole__actions">
  46.                                       <dl>
  47.                                         <dt>▼プラン▼</dt>
  48.                                         <dd>
  49.                                           {% if form.classcategory_id1 is defined %}
  50.                                             <div class="ec-select">
  51.                                                 {{ form_widget(form.classcategory_id1) }}
  52.                                                 {{ form_errors(form.classcategory_id1) }}
  53.                                             </div>
  54.                                             {% if form.classcategory_id2 is defined %}
  55.                                                 <div class="ec-select">
  56.                                                     {{ form_widget(form.classcategory_id2) }}
  57.                                                     {{ form_errors(form.classcategory_id2) }}
  58.                                                 </div>
  59.                                             {% endif %}
  60.                                         {% endif %}
  61.                                         </dd>
  62.                                       </dl>
  63.                                       <div class="ec-numberInput">
  64.                                           {{ form_widget(form.quantity, { data: '1', type: 'hidden'} ) }}
  65.                                           {{ form_errors(form.quantity) }}
  66.                                       </div>
  67.                                       <div class="ec-price">
  68.                                         <p>価格(税込) :</p>
  69.                                         <p class="price02-default">
  70.                                             {{ Product.getPrice02IncTaxMin|price }}
  71.                                         </p>
  72.                                       </div>
  73.                                       <button class="add-cart-btn add-cart" data-cartid="{{ Product.id }}" form="productForm{{ Product.id }}" >買い物かごに入れる▶</button>
  74.                                       {{ form_rest(form) }}
  75.                                    </div>
  76.                                 </form>
  77.                             {% else %}
  78.                                 <div class="ec-productRole__btn">
  79.                                     <button type="button" class="ec-blockBtn--action" disabled="disabled">
  80.                                         {{ 'ただいま品切れ中です。'|trans }}
  81.                                     </button>
  82.                                 </div>
  83.                             {% endif %}
  84.                             
  85.                         </li>
  86.                     {% endfor %}
  87.                 </ul>
  88.             {% else %}
  89.                 <p>該当する商品はありません。</p>
  90.             {% endif %}
  91.             </div>
  92.         </div>
  93.         <div class="ec-Btn_more">
  94.             <a href="{{ url('product_semi_new') }}">
  95.                 <img src="{{ asset('assets/img/new/img_Button_more.png') }}" />
  96.             </a>
  97.         </div>
  98.     </div>
  99. </div>