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

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