src/Eccube/Resource/template/default/Block/new_item.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  3. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  4. http://www.ec-cube.co.jp/
  5. For the full copyright and license information, please view the LICENSE
  6. file that was distributed with this source code.
  7. #}
  8. <div class="ec-blockspliter"></div>
  9. <div class="ec-role">
  10.     <div class="ec-newItemRole">
  11.         <div class="ec-newItemRole__listTitle">
  12.             <div class="ec-newItemRole__listItemHeading ec-secHeading--tandem">
  13.                 <span class="ec-secHeading__en">{{ 'New Arrival'|trans }}</span>
  14.                 <span class="ec-secHeading__ja">{{ '新着商品'|trans }}</span>
  15.             </div>
  16.         </div>
  17.     </div>
  18. </div>
  19. <div class="ec-blockspliter"></div>
  20. <div class="ec-role">
  21.     <div class="ec-newItemRole">
  22.         {% if products|length > 0 %}
  23.             <div class="ec-newItemRole__list">
  24.                 {% for Product in products %}
  25.                 <div class="ec-newItemRole__listItem">
  26.                     <a href="{{ url('product_detail', {'id': Product.id}) }}">
  27.                         <figure>
  28.                             <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}"
  29.                                  alt="{{ Product.name }}" {% if loop.index > 5 %} loading="lazy"{% endif %}>
  30.                         </figure>
  31.                         <span class="newitembadge">NEW</span>
  32.                         <div class="productImageSection_bottom">
  33.                             <p class="ec-newItemRole__listItemTitle">{{ Product.name|trans }}</p>
  34.                             <p class="ec-newItemRole__listItemPrice">
  35.                                 {% if Product.hasProductClass %}
  36.                                     {% if Product.getPrice02Min == Product.getPrice02Max %}
  37.                                         {{ Product.getPrice02IncTaxMin|price }}
  38.                                     {% else %}
  39.                                         {{ Product.getPrice02IncTaxMin|price }} ~ {{ Product.getPrice02IncTaxMax|price }}
  40.                                     {% endif %}
  41.                                 {% else %}
  42.                                     {{ Product.getPrice02IncTaxMin|price }}
  43.                                 {% endif %}{{ '(税込)'|trans }}
  44.                             </p>
  45.                         </div>
  46.                     </a>
  47.                 </div>
  48.                 {% endfor %}
  49.                 {#            <div class="ec-newItemRole__listItem"> #}
  50.                 {#                <a href="{{ url('product_detail', {'id': '1'}) }}"> #}
  51.                 {#                    <figure> #}
  52.                 {#                        <img src="{{ asset('cube-2.png', 'save_image') }}"> #}
  53.                 {#                    </figure> #}
  54.                 {#                    <span class="newitembadge">NEW</span> #}
  55.                 {#                    <div class="productImageSection_bottom"> #}
  56.                 {#                        <p class="ec-newItemRole__listItemTitle">{{ '跳ね上げルーペ'|trans }}</p> #}
  57.                 {#                        <p class="ec-newItemRole__listItemPrice">{{ '¥1,980(税込)'|trans }}</p> #}
  58.                 {#                    </div> #}
  59.                 {#                </a> #}
  60.                 {#            </div> #}
  61.                 {#            <div class="ec-newItemRole__listItem"> #}
  62.                 {#                <a href="{{ url('product_detail', {'id': '1'}) }}"> #}
  63.                 {#                    <figure> #}
  64.                 {#                        <img src="{{ asset('cube-3.png' , 'save_image') }}"> #}
  65.                 {#                    </figure> #}
  66.                 {#                    <span class="newitembadge">NEW</span> #}
  67.                 {#                    <div class="productImageSection_bottom"> #}
  68.                 {#                        <p class="ec-newItemRole__listItemTitle">{{ 'みみサポ wirelessイヤホン型集音器'|trans }}</p> #}
  69.                 {#                        <p class="ec-newItemRole__listItemPrice">{{ '¥19,800(税込)'|trans }}</p> #}
  70.                 {#                    </div> #}
  71.                 {#                </a> #}
  72.                 {#            </div> #}
  73.                 {#            <div class="ec-newItemRole__listItem"> #}
  74.                 {#                <a href="{{ url('product_detail', {'id': '1'}) }}"> #}
  75.                 {#                    <figure> #}
  76.                 {#                        <img src="{{ asset('cube-4.png' , 'save_image') }}"> #}
  77.                 {#                    </figure> #}
  78.                 {#                    <span class="newitembadge">NEW</span> #}
  79.                 {#                    <div class="productImageSection_bottom"> #}
  80.                 {#                        <p class="ec-newItemRole__listItemTitle">{{ 'みみサポ Box(ボックス)箱型集音器'|trans }}</p> #}
  81.                 {#                        <p class="ec-newItemRole__listItemPrice">{{ '¥9,800(税込)'|trans }}</p> #}
  82.                 {#                    </div> #}
  83.                 {#                </a> #}
  84.                 {#            </div> #}
  85.                 {#            <div class="ec-newItemRole__listItem"> #}
  86.                 {#                <a href="{{ url('product_detail', {'id': '1'}) }}"> #}
  87.                 {#                    <figure> #}
  88.                 {#                        <img src="{{ asset('cube-5.png' , 'save_image') }}"> #}
  89.                 {#                    </figure> #}
  90.                 {#                    <span class="newitembadge">NEW</span> #}
  91.                 {#                    <div class="productImageSection_bottom"> #}
  92.                 {#                        <p class="ec-newItemRole__listItemTitle">{{ 'wirelessイヤホン型集音器'|trans }}</p> #}
  93.                 {#                        <p class="ec-newItemRole__listItemPrice">{{ '¥39,800(税込)'|trans }}</p> #}
  94.                 {#                    </div> #}
  95.                 {#                </a> #}
  96.                 {#            </div> #}
  97.                 {#            <div class="ec-newItemRole__listItem"> #}
  98.                 {#                <a href="{{ url('product_detail', {'id': '1'}) }}"> #}
  99.                 {#                    <figure> #}
  100.                 {#                        <img src="{{ asset('cube-6.png' , 'save_image') }}"> #}
  101.                 {#                    </figure> #}
  102.                 {#                    <span class="newitembadge">NEW</span> #}
  103.                 {#                    <div class="productImageSection_bottom"> #}
  104.                 {#                        <p class="ec-newItemRole__listItemTitle">{{ '●●●●サプリ'|trans }}</p> #}
  105.                 {#                        <p class="ec-newItemRole__listItemPrice">{{ '¥0,000(税込)'|trans }}</p> #}
  106.                 {#                    </div> #}
  107.                 {#                </a> #}
  108.                 {#            </div> #}
  109.                 {#            <div class="ec-newItemRole__listItem"> #}
  110.                 {#                <a href="{{ url('product_detail', {'id': '1'}) }}"> #}
  111.                 {#                    <figure> #}
  112.                 {#                        <img src="{{ asset('cube-7.png' , 'save_image') }}"> #}
  113.                 {#                    </figure> #}
  114.                 {#                    <span class="newitembadge">NEW</span> #}
  115.                 {#                    <div class="productImageSection_bottom"> #}
  116.                 {#                        <p class="ec-newItemRole__listItemTitle">{{ '●●●●バッテリー'|trans }}</p> #}
  117.                 {#                        <p class="ec-newItemRole__listItemPrice">{{ '¥1,980(税込)'|trans }}</p> #}
  118.                 {#                    </div> #}
  119.                 {#                </a> #}
  120.                 {#            </div> #}
  121.                 {#            <div class="ec-newItemRole__listItem"> #}
  122.                 {#                <a href="{{ url('product_detail', {'id': '1'}) }}"> #}
  123.                 {#                    <figure> #}
  124.                 {#                        <img src="{{ asset('cube-8.png' , 'save_image') }}"> #}
  125.                 {#                    </figure> #}
  126.                 {#                    <span class="newitembadge">NEW</span> #}
  127.                 {#                    <div class="productImageSection_bottom"> #}
  128.                 {#                        <p class="ec-newItemRole__listItemTitle">{{ '歩けルーペ'|trans }}</p> #}
  129.                 {#                        <p class="ec-newItemRole__listItemPrice">{{ '¥7,700(税込)'|trans }}</p> #}
  130.                 {#                    </div> #}
  131.                 {#                </a> #}
  132.                 {#            </div> #}
  133.                 {#            <div class="ec-newItemRole__listItem"> #}
  134.                 {#                <a href="{{ url('product_detail', {'id': '1'}) }}"> #}
  135.                 {#                    <figure> #}
  136.                 {#                        <img src="{{ asset('cube-9.png' , 'save_image') }}"> #}
  137.                 {#                    </figure> #}
  138.                 {#                    <span class="newitembadge">NEW</span> #}
  139.                 {#                    <div class="productImageSection_bottom"> #}
  140.                 {#                        <p class="ec-newItemRole__listItemTitle">{{ '跳ね上げルーペ'|trans }}</p> #}
  141.                 {#                        <p class="ec-newItemRole__listItemPrice">{{ '¥1,980(税込)'|trans }}</p> #}
  142.                 {#                    </div> #}
  143.                 {#                </a> #}
  144.                 {#            </div> #}
  145.             </div>
  146.         {% else %}
  147.             <div>{{ '新着はありません'|trans }}</div>
  148.         {% endif %}
  149.     </div>
  150. </div>