app/template/ss4002/Block/new_item.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) LOCKON CO.,LTD. All Rights Reserved.
  6. http://www.lockon.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. <section class="b-new-item">
  13.     <div class="b-new-item__body">
  14.         <h2 class="b-new-item__title c-animation-fade js-animation-fade">
  15.             <span class="b-new-item__title--main">{{ 'Line up'|trans }}</span>
  16.             <span class="b-new-item__title--sub">{{ '商品一覧'|trans }}</span>
  17.         </h2>
  18.         <div class="b-new-item__contents c-animation-fade js-animation-fade">
  19.             <ul class="b-new-item__list">
  20.                 <li class="b-new-item__list-item">
  21.                     <section class="b-new-item__product">
  22.                         <a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '11'}) }}">
  23.                             <figure class="b-new-item__product-image">
  24.                                 <picture>
  25.                                     <source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/1.png">
  26.                                     <img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/1.png" alt="{{ 'PARASOL（巾着）'|trans }}">
  27.                                 </picture>
  28.                             </figure>
  29.                             <div class="b-new-item__product-contents">
  30.                                 <h3 class="b-new-item__product-name">{{ 'PARASOL（巾着）'|trans }}</h3>
  31.                                 <p class="b-new-item__product-price">
  32.                                     <span class="b-new-item__product-price--number">{{ '￥2,420'|trans }}</span>
  33.                                     <span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
  34.                                 </p>
  35.                             </div>
  36.                         </a>
  37.                     </section>
  38.                 </li>
  39.                 <li class="b-new-item__list-item">
  40.                     <section class="b-new-item__product">
  41.                         <a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '19'}) }}">
  42.                             <figure class="b-new-item__product-image">
  43.                                 <picture>
  44.                                     <source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/2.png">
  45.                                     <img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/2.png" alt="{{ 'MARINE（マルシェバッグMサイズLサイズ）'|trans }}">
  46.                                 </picture>
  47.                             </figure>
  48.                             <div class="b-new-item__product-contents">
  49.                                 <h3 class="b-new-item__product-name">{{ 'MARINE（マルシェバッグMサイズLサイズ）'|trans }}</h3>
  50.                                 <p class="b-new-item__product-price">
  51.                                     <span class="b-new-item__product-price--number">{{ '￥6,490'|trans }}</span>
  52.                                     <span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
  53.                                 </p>
  54.                             </div>
  55.                         </a>
  56.                     </section>
  57.                 </li>
  58.                 <li class="b-new-item__list-item">
  59.                     <section class="b-new-item__product">
  60.                         <a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '20'}) }}">
  61.                             <figure class="b-new-item__product-image">
  62.                                 <picture>
  63.                                     <source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/3.png">
  64.                                     <img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/3.png" alt="{{ 'BELT FISH（アタッチメントベルト）'|trans }}">
  65.                                 </picture>
  66.                             </figure>
  67.                             <div class="b-new-item__product-contents">
  68.                                 <h3 class="b-new-item__product-name">{{ 'BELT FISH（アタッチメントベルト）'|trans }}</h3>
  69.                                 <p class="b-new-item__product-price">
  70.                                     <span class="b-new-item__product-price--number">{{ '￥3,190'|trans }}</span>
  71.                                     <span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
  72.                                 </p>
  73.                             </div>
  74.                         </a>
  75.                     </section>
  76.                 </li>
  77.                 <li class="b-new-item__list-item">
  78.                     <section class="b-new-item__product">
  79.                         <a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '21'}) }}">
  80.                             <figure class="b-new-item__product-image">
  81.                                 <picture>
  82.                                     <source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/4.png">
  83.                                     <img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/4.png" alt="{{ 'SUSTee'|trans }}">
  84.                                 </picture>
  85.                             </figure>
  86.                             <div class="b-new-item__product-contents">
  87.                                 <h3 class="b-new-item__product-name">{{ 'SUSTee'|trans }}</h3>
  88.                                 <p class="b-new-item__product-price">
  89.                                     <span class="b-new-item__product-price--number">{{ '￥9,680'|trans }}</span>
  90.                                     <span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
  91.                                 </p>
  92.                             </div>
  93.                         </a>
  94.                     </section>
  95.                 </li>
  96.                 <li class="b-new-item__list-item">
  97.                     <section class="b-new-item__product">
  98.                         <a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '22'}) }}">
  99.                             <figure class="b-new-item__product-image">
  100.                                 <picture>
  101.                                     <source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/5.png">
  102.                                     <img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/5.png" alt="{{ 'COSTA NOVA dress'|trans }}">
  103.                                 </picture>
  104.                             </figure>
  105.                             <div class="b-new-item__product-contents">
  106.                                 <h3 class="b-new-item__product-name">{{ 'COSTA NOVA dress'|trans }}</h3>
  107.                                 <p class="b-new-item__product-price">
  108.                                     <span class="b-new-item__product-price--number">{{ '￥16,280'|trans }}</span>
  109.                                     <span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
  110.                                 </p>
  111.                             </div>
  112.                         </a>
  113.                     </section>
  114.                 </li>
  115.                 <li class="b-new-item__list-item">
  116.                     <section class="b-new-item__product">
  117.                         <a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '23'}) }}">
  118.                             <figure class="b-new-item__product-image">
  119.                                 <picture>
  120.                                     <source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/6.png">
  121.                                     <img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/6.png" alt="{{ 'totown /１DAY M（トートバッグ）'|trans }}">
  122.                                 </picture>
  123.                             </figure>
  124.                             <div class="b-new-item__product-contents">
  125.                                 <h3 class="b-new-item__product-name">{{ 'totown /１DAY M（トートバッグ）'|trans }}</h3>
  126.                                 <p class="b-new-item__product-price">
  127.                                     <span class="b-new-item__product-price--number">{{ '￥16,280'|trans }}</span>
  128.                                     <span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
  129.                                 </p>
  130.                             </div>
  131.                         </a>
  132.                     </section>
  133.                 </li>
  134.                 <li class="b-new-item__list-item">
  135.                     <section class="b-new-item__product">
  136.                         <a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '24'}) }}">
  137.                             <figure class="b-new-item__product-image">
  138.                                 <picture>
  139.                                     <source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/7.png">
  140.                                     <img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/7.png" alt="{{ 'totown /PICNIC L（トートバッグ）'|trans }}">
  141.                                 </picture>
  142.                             </figure>
  143.                             <div class="b-new-item__product-contents">
  144.                                 <h3 class="b-new-item__product-name">{{ 'totown /PICNIC L（トートバッグ）'|trans }}</h3>
  145.                                 <p class="b-new-item__product-price">
  146.                                     <span class="b-new-item__product-price--number">{{ '￥17,380'|trans }}</span>
  147.                                     <span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
  148.                                 </p>
  149.                             </div>
  150.                         </a>
  151.                     </section>
  152.                 </li>
  153.                 <li class="b-new-item__list-item">
  154.                     <section class="b-new-item__product">
  155.                         <a class="b-new-item__product-link" href="{{ url('product_detail', {'id': '25'}) }}">
  156.                             <figure class="b-new-item__product-image">
  157.                                 <picture>
  158.                                     <source media="(max-width: 839px)" srcset="/html/user_data/assets/img/lineup/8.png">
  159.                                     <img class="b-new-item__product-image-pic" src="/html/user_data/assets/img/lineup/8.png" alt="{{ 'totown /TRUNK（トートバッグXL）'|trans }}">
  160.                                 </picture>
  161.                             </figure>
  162.                             <div class="b-new-item__product-contents">
  163.                                 <h3 class="b-new-item__product-name">{{ 'totown /TRUNK（トートバッグXL）'|trans }}</h3>
  164.                                 <p class="b-new-item__product-price">
  165.                                     <span class="b-new-item__product-price--number">{{ '￥26,180'|trans }}</span>
  166.                                     <span class="b-new-item__product-price--unit">{{ '(税込)'|trans }}</span>
  167.                                 </p>
  168.                             </div>
  169.                         </a>
  170.                     </section>
  171.                 </li>
  172.                 
  173.             </ul>
  174.             <div class="b-new-item__actions">
  175.                 <div class="b-new-item__actions-item">
  176.                     <a class="c-button is-secondary c-button--unelevated mdc-button mdc-button--unelevated" href="{{ url('product_list') }}">
  177.                         <span class="c-button__label mdc-button__label">{{ 'All Items'|trans }}</span>
  178.                     </a>
  179.                 </div>
  180.             </div>
  181.         </div>
  182.     </div>
  183. </section>
  185. {# スライダーに必要なscriptはindex.twigに記載 #}