app/template/million01/Block/top_ranking.twig line 1

Open in your IDE?
  1. <div class="ec-role top-ranking">
  2.     <div class="ec-secHeading">
  3.         <span class="ec-secHeading__en">{{ 'RANKING'|trans }}</span>
  4.         <span class="ec-secHeading__line"></span>
  5.         <span class="ec-secHeading__ja">{{ 'ランキング'|trans }}</span>
  6.     </div>
  7.     <div class="ranking-box">
  8.         <section class="rank01">
  9.             <a href="{{ url('homepage') }}juice/blueberry/" title="ミリオンのブルーベリー＆クランベリー"
  10.                 onClick="ga('send','event','click','top', 'top_rank01' ,1,{'nonInteraction':1});">
  11.                 <h3>ブルーベリー＆クランベリー</h3>
  12.                 <div class="ranking-photo">
  13.                     <picture>
  14.                         <source media="(min-width: 768px)" type="image/webp"
  15.                             srcset="{{ asset('assets/img/lineup/img_item_bc_250.webp')}}, {{ asset('assets/img/lineup/img_item_bc.webp')}} 2x">
  16.                         <source media="(min-width: 768px)"
  17.                             srcset="{{ asset('assets/img/lineup/img_item_bc_250.png')}}, {{ asset('assets/img/lineup/img_item_bc.png')}} 2x">
  18.                         <source type="image/webp"
  19.                             srcset="{{ asset('assets/img/lineup/img_item_bc_160.webp')}} 1x, {{ asset('assets/img/lineup/img_item_bc_320.webp')}} 2x">
  20.                         <source
  21.                             srcset="{{ asset('assets/img/lineup/img_item_bc_160.png')}} 1x, {{ asset('assets/img/lineup/img_item_bc_320.png')}} 2x">
  22.                         <img src="{{ asset('assets/img/lineup/img_item_bc_160.png')}}" alt="ミリオンのブルーベリー＆クランベリー商品画像" loading="lazy"
  23.                             width="100%">
  24.                     </picture>
  25.                 </div>
  26.             </a>
  27.         </section>
  28.         <section class="rank02">
  29.             <a href="{{ url('homepage') }}vegetable-juice/" title="国産緑黄色野菜ジュース"
  30.                 onClick="ga('send','event','click','top', 'top_rank02' ,1,{'nonInteraction':1});">
  31.                 <h3>国産緑黄色野菜ジュース</h3>
  32.                 <div class="ranking-photo">
  33.                     <picture>
  34.                         <source media="(min-width: 768px)" type="image/webp"
  35.                             srcset="{{ asset('assets/img/lineup/img_item_yj_250.webp')}}, {{ asset('assets/img/lineup/img_item_yj.webp')}} 2x">
  36.                         <source media="(min-width: 768px)"
  37.                             srcset="{{ asset('assets/img/lineup/img_item_yj_250.png')}}, {{ asset('assets/img/lineup/img_item_yj.png')}} 2x">
  38.                         <source type="image/webp"
  39.                             srcset="{{ asset('assets/img/lineup/img_item_yj_160.webp')}} 1x, {{ asset('assets/img/lineup/img_item_yj_320.webp')}} 2x">
  40.                         <source
  41.                             srcset="{{ asset('assets/img/lineup/img_item_yj_160.png')}} 1x, {{ asset('assets/img/lineup/img_item_yj_320.png')}} 2x">
  42.                         <img src="{{ asset('assets/img/lineup/img_item_yj_160.png')}}" alt="国産緑黄色野菜ジュース商品画像" loading="lazy"
  43.                             width="100%">
  44.                     </picture>
  45.                 </div>
  46.             </a>
  47.         </section>
  48.         <section class="rank03">
  49.             <a href="{{ url('homepage') }}healthfood/millionpower-sg/" title="ミリオンパワーSG"
  50.                 onClick="ga('send','event','click','top', 'top_rank03' ,1,{'nonInteraction':1});">
  51.                 <h3>ミリオンパワーSG</h3>
  52.                 <div class="ranking-photo">
  53.                     <picture>
  54.                         <source media="(min-width: 768px)" type="image/webp"
  55.                             srcset="{{ asset('assets/img/lineup/img_item_sg_250.webp')}}, {{ asset('assets/img/lineup/img_item_sg.webp')}} 2x">
  56.                         <source media="(min-width: 768px)"
  57.                             srcset="{{ asset('assets/img/lineup/img_item_sg_250.png')}}, {{ asset('assets/img/lineup/img_item_sg.png')}} 2x">
  58.                         <source type="image/webp"
  59.                             srcset="{{ asset('assets/img/lineup/img_item_sg_160.webp')}} 1x, {{ asset('assets/img/lineup/img_item_sg_320.webp')}} 2x">
  60.                         <source
  61.                             srcset="{{ asset('assets/img/lineup/img_item_sg_160.png')}} 1x, {{ asset('assets/img/lineup/img_item_sg_320.png')}} 2x">
  62.                         <img src="{{ asset('assets/img/lineup/img_item_sg_160.png')}}" alt="ミリオンパワーSG商品画像" loading="lazy"
  63.                             width="100%">
  64.                     </picture>
  65.                 </div>
  66.             </a>
  67.         </section>
  68.         <section class="rank04">
  69.             <a href="{{ url('homepage') }}healthfood/5252milk/" title="こつこつミルク"
  70.                 onClick="ga('send','event','click','top', 'top_rank04' ,1,{'nonInteraction':1});">
  71.                 <h3>こつこつミルク</h3>
  72.                 <div class="ranking-photo">
  73.                     <picture>
  74.                         <source media="(min-width: 768px)" type="image/webp"
  75.                             srcset="{{ asset('assets/img/lineup/img_item_52bl_250.webp')}}, {{ asset('assets/img/lineup/img_item_52bl.webp')}} 2x">
  76.                         <source media="(min-width: 768px)"
  77.                             srcset="{{ asset('assets/img/lineup/img_item_52bl_250.png')}}, {{ asset('assets/img/lineup/img_item_52bl.png')}} 2x">
  78.                         <source type="image/webp"
  79.                             srcset="{{ asset('assets/img/lineup/img_item_52bl_160.webp')}} 1x, {{ asset('assets/img/lineup/img_item_52bl_320.webp')}} 2x">
  80.                         <source
  81.                             srcset="{{ asset('assets/img/lineup/img_item_52bl_160.png')}} 1x, {{ asset('assets/img/lineup/img_item_52bl_320.png')}} 2x">
  82.                         <img src="{{ asset('assets/img/lineup/img_item_52bl_160.png')}}" alt="こつこつミルク商品画像" loading="lazy"
  83.                             width="100%">
  84.                     </picture>
  85.                 </div>
  86.             </a>
  87.         </section>
  88.         <section class="rank05">
  89.             <a href="{{ url('homepage') }}healthfood/psyche/" title="プシュケー"
  90.                 onClick="ga('send','event','click','top', 'top_rank05' ,1,{'nonInteraction':1});">
  91.                 <h3>プシュケー</h3>
  92.                 <div class="ranking-photo">
  93.                     <picture>
  94.                         <source media="(min-width: 768px)" type="image/webp"
  95.                             srcset="{{ asset('assets/img/lineup/img_item_psy_250.webp')}}, {{ asset('assets/img/lineup/img_item_psy.webp')}} 2x">
  96.                         <source media="(min-width: 768px)"
  97.                             srcset="{{ asset('assets/img/lineup/img_item_psy_250.png')}}, {{ asset('assets/img/lineup/img_item_psy.png')}} 2x">
  98.                         <source type="image/webp"
  99.                             srcset="{{ asset('assets/img/lineup/img_item_psy_160.webp')}} 1x, {{ asset('assets/img/lineup/img_item_psy_320.webp')}} 2x">
  100.                         <source
  101.                             srcset="{{ asset('assets/img/lineup/img_item_psy_160.png')}} 1x, {{ asset('assets/img/lineup/img_item_psy_320.png')}} 2x">
  102.                         <img src="{{ asset('assets/img/lineup/img_item_psy_160.png')}}" alt="プシュケー商品画像" loading="lazy" width="100%">
  103.                     </picture>
  104.                 </div>
  105.             </a>
  106.         </section>
  107.         <section class="rank06">
  108.             <a href="{{ url('homepage') }}healthfood/millionpower/" title="ミリオンパワー"
  109.                 onClick="ga('send','event','click','top', 'top_rank06' ,1,{'nonInteraction':1});">
  110.                 <h3>ミリオンパワー</h3>
  111.                 <div class="ranking-photo">
  112.                     <picture>
  113.                         <source media="(min-width: 768px)" type="image/webp"
  114.                             srcset="{{ asset('assets/img/lineup/img_item_mp_250.webp')}}, {{ asset('assets/img/lineup/img_item_mp.webp')}} 2x">
  115.                         <source media="(min-width: 768px)"
  116.                             srcset="{{ asset('assets/img/lineup/img_item_mp_250.png')}}, {{ asset('assets/img/lineup/img_item_mp.png')}} 2x">
  117.                         <source type="image/webp"
  118.                             srcset="{{ asset('assets/img/lineup/img_item_mp_160.webp')}} 1x, {{ asset('assets/img/lineup/img_item_mp_320.webp')}} 2x">
  119.                         <source
  120.                             srcset="{{ asset('assets/img/lineup/img_item_mp_160.png')}} 1x, {{ asset('assets/img/lineup/img_item_mp_320.png')}} 2x">
  121.                         <img src="{{ asset('assets/img/lineup/img_item_mp_160.png')}}" alt="ミリオンパワー商品画像" loading="lazy"
  122.                             width="100%">
  123.                     </picture>
  124.                 </div>
  125.             </a>
  126.         </section>
  127.         <section class="rank07">
  128.             <a href="{{ url('homepage') }}healthfood/collagen/" title="ミリオンのコラーゲン"
  129.                 onClick="ga('send','event','click','top', 'top_rank07' ,1,{'nonInteraction':1});">
  130.                 <h3>ミリオンの<br>コラーゲン</h3>
  131.                 <div class="ranking-photo">
  132.                     <picture>
  133.                         <source media="(min-width: 768px)" type="image/webp"
  134.                             srcset="{{ asset('assets/img/lineup/img_item_co_250.webp')}}, {{ asset('assets/img/lineup/img_item_co.webp')}} 2x">
  135.                         <source media="(min-width: 768px)"
  136.                             srcset="{{ asset('assets/img/lineup/img_item_co_250.png')}}, {{ asset('assets/img/lineup/img_item_co.png')}} 2x">
  137.                         <source type="image/webp"
  138.                             srcset="{{ asset('assets/img/lineup/img_item_co_160.webp')}} 1x, {{ asset('assets/img/lineup/img_item_co_320.webp')}} 2x">
  139.                         <source
  140.                             srcset="{{ asset('assets/img/lineup/img_item_co_160.png')}} 1x, {{ asset('assets/img/lineup/img_item_co_320.png')}} 2x">
  141.                         <img src="{{ asset('assets/img/lineup/img_item_co_160.png')}}" alt="ミリオンのコラーゲン商品画像" loading="lazy"
  142.                             width="100%">
  143.                     </picture>
  144.                 </div>
  145.             </a>
  146.         </section>
  147.         <section class="rank08">
  148.             <a href="{{ url('homepage') }}healthfood/kyushu-aojiru/" title="おいしい九州青汁"
  149.                 onClick="ga('send','event','click','top', 'top_rank08' ,1,{'nonInteraction':1});">
  150.                 <h3>おいしい九州青汁</h3>
  151.                 <div class="ranking-photo">
  152.                     <picture>
  153.                         <source media="(min-width: 768px)" type="image/webp"
  154.                             srcset="{{ asset('assets/img/lineup/img_item_kyuao_250.webp')}}, {{ asset('assets/img/lineup/img_item_kyuao.webp')}} 2x">
  155.                         <source media="(min-width: 768px)"
  156.                             srcset="{{ asset('assets/img/lineup/img_item_kyuao_250.png')}}, {{ asset('assets/img/lineup/img_item_kyuao.png')}} 2x">
  157.                         <source type="image/webp"
  158.                             srcset="{{ asset('assets/img/lineup/img_item_kyuao_160.webp')}} 1x, {{ asset('assets/img/lineup/img_item_kyuao_320.webp')}} 2x">
  159.                         <source
  160.                             srcset="{{ asset('assets/img/lineup/img_item_kyuao_160.png')}} 1x, {{ asset('assets/img/lineup/img_item_kyuao_320.png')}} 2x">
  161.                         <img src="{{ asset('assets/img/lineup/img_item_kyuao_160.png')}}" alt="おいしい九州青汁画像" loading="lazy"
  162.                             width="100%">
  163.                     </picture>
  164.                 </div>
  165.             </a>
  166.         </section>
  167.         <section class="rank09">
  168.             <a href="{{ url('homepage') }}goods/disinfection-spray/" title="ウィルス除菌スプレー PK2"
  169.                 onClick="ga('send','event','click','top', 'top_rank09' ,1,{'nonInteraction':1});">
  170.                 <h3>ウィルス除菌スプレー PK2</h3>
  171.                 <div class="ranking-photo">
  172.                     <picture>
  173.                         <source media="(min-width: 768px)" type="image/webp"
  174.                             srcset="{{ asset('assets/img/lineup/img_item_spr_60_250.webp')}}, {{ asset('assets/img/lineup/img_item_spr_60.webp')}} 2x">
  175.                         <source media="(min-width: 768px)"
  176.                             srcset="{{ asset('assets/img/lineup/img_item_spr_60_250.png')}}, {{ asset('assets/img/lineup/img_item_spr_60.png')}} 2x">
  177.                         <source type="image/webp"
  178.                             srcset="{{ asset('assets/img/lineup/img_item_spr_60_160.webp')}} 1x, {{ asset('assets/img/lineup/img_item_spr_60_320.webp')}} 2x">
  179.                         <source
  180.                             srcset="{{ asset('assets/img/lineup/img_item_spr_60_160.png')}} 1x, {{ asset('assets/img/lineup/img_item_spr_60_320.png')}} 2x">
  181.                         <img src="{{ asset('assets/img/lineup/img_item_spr_60_160.png')}}" alt="ウィルス除菌スプレー PK2商品画像" loading="lazy"
  182.                             width="100%">
  183.                     </picture>
  184.                 </div>
  185.             </a>
  186.         </section>
  187.     </div>
  188. </div>