app/template/default/Block/zen_top001.twig line 1

Open in your IDE?
  1. <section class="top001">
  2.     <div class="top001Bg"><img src="common/img/main/bg_02.jpg" width="100%" alt=""/></div>
  3.     <div class="top001Title">NEW ITEMS</div>
  4.     <div class="top001Subtitle">新着アイテム</div>
  5.     <div class="top001Line"></div>
  6.     <div class="loopBox">
  7.         <div class="multiple-items">
  8.             {% for Product in Products %}
  9.                 <div class="card">
  10.                     <a href="{{ url('product_detail', {'id': Product.id}) }}">
  11.                         <div class="top001PickImg">
  12.                             <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" width="100%" alt="{{ Product.name }}" class="linkimg">
  13.                         </div>
  14.                         <div class="top001PickBottom">
  15.                             <div class="top001PickTag">{{ Product.name }}</div>
  16.                             <div class="sp"></div>
  17.                             <div class="top001PickCat">
  19.                                 {{ Product.categories|replace({"アイテム／": "", "アイテム": ""}) }}
  20.                                 <br>
  21.                                 ￥{{ Product.price03|number_format(0) }} 税込
  23.                             </div>
  24.                             {#
  25.                             <div class="top001PickName">{{ Product.name }}</div>
  26.                             #}
  27.                         </div>
  28.                     </a>
  29.                 </div>
  30.             {% endfor %}
  31.         </div>
  32.     </div>
  33.     
  34.     <div class="top001Bottom">
  35.         <div class="top001L">
  36.             <div class="top001LImg revealFX revealFX04" data-delay="100ms"><img src="common/img/main/index_img_05.jpg" width="100%" alt=""/></div>
  37.             <div class="top001LImg revealFX revealFX04" data-delay="100ms"><img src="common/img/main/index_img_06.jpg" width="100%" alt=""/></div>
  38.         </div>
  39.         <div class="top001R">
  40.             <div class="top001RSubtitle"><span class="topCircle">●</span>About us</div>
  41.             <div class="top001RTitle">自由に、自分らしく、私らしく</div>
  42.             <div class="top001RText">
  43.                 あの頃好きだったこと、集めたもの、心がキラキラしたこと、<br>
  44.                 そんな気持ちを取り戻す旅をしているような空間。<br>
  45.                 不思議な石のお守り「天珠」や、<br>
  46.                 表情豊かな鉱物を使ったオリジナルストーンジュエリー。<br>
  47.                 訪れる方々の宝物のひとつに、<br>
  48.                 仲間入り出来るような商品をオンラインショップに集めました。
  49.             </div>
  50.             <div class="top001Go"><a href="//tps-official.jp/" target="_blank"><img src="common/img/main/index_img_07.jpg" width="100%" alt="" class="linkimg"/></a></div>
  51.         </div>
  52.         <div class="sp"></div>
  53.     </div>
  54. </section>