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

Open in your IDE?
  1. <link rel="stylesheet" href="/common/css/swiper-bundle.min.css">
  2. <div class="container">
  3.   <div class="swiper">
  4.     <div class="swiper-wrapper">
  5.     <div class="swiper-slide"> <a href="items/mothersday.html">
  6.                 <picture>
  7.                   <source srcset="img/mothersday/top-mothersday.png" media="(min-width: 960px)" />
  8.                   <img src="img/mothersday/top-mothersday-sp.png" alt="">
  9.                 </picture>
  10.                 <div class="mainview_title mainview_title-mothersday">
  11.                   <div class="shopmainvisual-title_en baskerville"><span class="baskerville_i">for</span>　MOTHER’S DAY
  12.                   </div>
  13.                   <p class="shopmainvisual-title shopmainvisual-title__mothersday">母の日の<br class="sp_none">贈り物</p>
  14.                   <div class="shopmainvisual-line sp_none"><img src="img/mainline_b.svg" alt="" /></div>
  15.                   <div class="shopmainvisual-txt sp_none">赤坂柿山の母の日特集2025。<br>今年の母の日は5月11日。<br>普段は照れくさくて伝えにくい感謝の気持ちを、<br>赤坂柿山の特別なおかき・お煎餅で伝えませんか？</div>
  16.                 </div>
  17.               </a></div>
  18.               <div class="swiper-slide"> <a href="{{ url('product_detail',{'id': 43}) }}">
  19.               <picture>
  20.                 <source srcset="img/tangonosekku.png" media="(min-width: 960px)" />
  21.                 <img src="img/tangonosekku2-sp.png" alt="">
  22.               </picture>
  23.               <div class="mainview_title white">
  24.                 <div class="shopmainvisual-title_en p-petitgift_sptitle_en baskerville"><span
  25.                     class="baskerville_i">for</span>　SEASONAL</div>
  26.                 <p class="shopmainvisual-title p-petitgift_sptitle">端午の節句</p>
  27.                 <div class="shopmainvisual-line sp_none"><img src="img/mainline.svg" alt="" /></div>
  28.                 <div class="shopmainvisual-txt sp_none">こどもの日に<br>最適な鯉のぼりのパッケージは<br>表裏で別の色が楽しめます。<br>中にはインパクトのある<br>大きなかぶと煎餅など、<br>おめでたいあられを<br>詰め合わせました。</div>
  29.               </div>
  30.             </a></div>
  31.     <div class="swiper-slide">
  32.       <div><a href="{{ url('product_list') }}?category_id=7">
  33.           <picture>
  34.             <source srcset="/common/img/kakiyamaselect.png" media="(min-width: 960px)" />
  35.             <img src="/common/img/kakiyamaselect-sp.png" alt="柿山セレクト">
  36.           </picture>
  37.           <div class="mainview_title white mainview_title-select">
  38.             <div class="shopmainvisual-title_en baskerville"><span class="baskerville_i">for</span> STANDARD
  39.             </div>
  40.             <p class="shopmainvisual-title">柿山セレクト</p>
  41.             <div class="shopmainvisual-line sp_none"><img src="/common/img/mainline.svg" alt="" /></div>
  42.             <div class="shopmainvisual-txt sp_none">
  43.               赤坂柿山のベストセラー。<br>漆黒の化粧箱に包まれた<br>こだわりのおかき・お煎餅は、<br>冠婚葬祭・御挨拶・御礼、<br>様々なシーンに落ち着きと<br>上品さを与えます。</div>
  44.           </div>
  45.         </a></div>
  46.     </div>
  47.     <div class="swiper-slide"> <a href="{{ url('product_list') }}?category_id=11">
  48.         <picture>
  49.           <source srcset="/common/img/gohoubi.png" media="(min-width: 960px)" />
  50.           <img src="/common/img/gohoubi-sp.png" alt="">
  51.         </picture>
  52.         <div class="mainview_title">
  53.           <div class="shopmainvisual-title_en baskerville p-gohoubiokaki_sptitle_en white"><span
  54.               class="baskerville_i">for</span>　REWARD</div>
  55.           <p class="shopmainvisual-title p-gohoubiokaki_sptitle white">ごほうびおかき</p>
  56.           <div class="shopmainvisual-line sp_none"><img src="/common/img/mainline.svg" alt="" /></div>
  57.           <div class="shopmainvisual-txt sp_none white">色々頑張ったとき、<br>
  58.             何かの目標を達成したとき、<br>
  59.             上手くいかないことが<br>
  60.             あって気分が上がらないとき、<br>
  61.             自分へのごほうびは<br>
  62.             大事な、大事なひととき。<br>
  63.             自分に甘くてもいいじゃない。<br>
  64.             自分にあげる、<br>
  65.             贅沢な至福のひとときが<br>
  66.             次に繋がるときだもの。<br>
  67.             こだわりぬいたお米で作った<br>
  68.             贅沢なおかき・おせんべいを<br>
  69.             ご褒美タイムの相棒に。</div>
  70.         </div>
  71.       </a>
  72.     </div>
  73.   </div>
  74.   <!--swiper-wrapper-->
  75. </div>
  76. <!--swiper-->
  77. </div>
  78. <div class="l-shopwrap">
  79.   <div class="c-bunner">
  80.   <div class="p-bunner__items"><a href="items/mothersday.html">
  81.             <div class="p-bunner__items_img"><img src="img/mothersday/mothersday_bunner.png" alt=""></div>
  82.             <div class="p-bunner__items_wrap white">
  83.               <div class="p-bunner__items_top baskerville">GIFT</div>
  84.               <p class="p-bunner__items_middle">母の日</p>
  85.               <div class="p-bunner__items_bottom baskerville">
  86.                 <p class="baskerville_i for">for</p>
  87.                 <p class="season">MOTHER'S DAY</p>
  88.               </div>
  89.             </div>
  90.           </a> </div>
  91.           <div class="p-bunner__items"><a href="{{ url('product_detail',{'id': 43}) }}">
  92.                   <div class="p-bunner__items_img"><img src="img/tangonosekku_bunner.png" alt=""></div>
  93.                   <div class="p-bunner__items_wrap white">
  94.                     <div class="p-bunner__items_top baskerville">GIFT</div>
  95.                     <p class="p-bunner__items_middle">端午の節句</p>
  96.                     <div class="p-bunner__items_bottom baskerville">
  97.                       <p class="baskerville_i for">for</p>
  98.                       <p class="season">SEASONAL</p>
  99.                     </div>
  100.                   </div>
  101.                   </a> </div>
  102.       <div class="p-bunner__items"><a href="{{ url('product_list') }}?category_id=7">
  103.         <div class="p-bunner__items_img"><img src="/common/img/kakiyamaselect_bunner.png" alt=""></div>
  104.         <div class="p-bunner__items_wrap white">
  105.           <div class="p-bunner__items_top baskerville">GIFT</div>
  106.           <p class="p-bunner__items_middle">柿山セレクト</p>
  107.           <div class="p-bunner__items_bottom baskerville">
  108.             <p class="baskerville_i for">for</p>
  109.             <p class="season">STANDARD</p>
  110.           </div>
  111.         </div>
  112.       </a> </div>
  113.     <div class="p-bunner__items"><a href="{{ url('product_list') }}?category_id=11">
  114.         <div class="p-bunner__items_img"><img src="/common/img/gohoubiokaki_bunner.png" alt=""></div>
  115.         <div class="p-bunner__items_wrap white">
  116.           <div class="p-bunner__items_top baskerville">GIFT</div>
  117.           <p class="p-bunner__items_middle">ごほうびおかき</p>
  118.           <div class="p-bunner__items_bottom baskerville">
  119.             <p class="baskerville_i for">for</p>
  120.             <p class="season">REWARDS</p>
  121.           </div>
  122.         </div>
  123.       </a> </div>
  124.   </div>
  125. </div>