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

Open in your IDE?
  1. <section class="p-home-series">
  2.       <h2 class="p-home-series__ttl c-ttl-sec">
  3.         <span class="jp">シリーズ</span>
  4.         <span class="en">SERIES</span>
  5.       </h2>
  6.       <div class="p-home-series__list">
  7.         <div class="p-home-series__item">
  8.           <div class="p-home-series__item-img-wrap">
  9.             <picture>
  10.               <source media="(min-width: 1025px)" srcset="{{ asset('assets/img/top/series01.webp') }}">
  11.               <source media="(max-width: 1024px)" srcset="{{ asset('assets/img/top/series01_sp.webp 2x') }}">
  12.               <img src="{{ asset('assets/img/top/series01.webp') }}" alt="">
  13.             </picture>
  14.           </div>
  15.           <h3 class="p-home-series__item-ttl">むゆうせんナチュレ</h3>
  16.           <p class="p-home-series__item-lead">びわエキス×温泉⽔の<br>無添加化粧品</p>
  17.           <p class="p-home-series__item-txt">国産びわエキス(保湿成分)と美肌成分のメタケイ酸が豊富な温泉⽔で作られた、こだわりの無添加化粧品です。</p>
  18.           <a href="{{ url('product_list') }}?category_id=8" class="p-home-series__item-link l-link">MUYU-SEN Nature.<span class="l-link__circle"><span class="l-link__arrow"></span></span></a>
  19.         </div>
  20.         <div class="p-home-series__item">
  21.           <div class="p-home-series__item-img-wrap">
  22.             <picture>
  23.               <source media="(min-width: 1025px)" srcset="{{ asset('assets/img/top/series02.webp') }}">
  24.               <source media="(max-width: 1024px)" srcset="{{ asset('assets/img/top/series02_sp.webp 2x') }}">
  25.               <img src="{{ asset('assets/img/top/series02.webp') }}" alt="">
  26.             </picture>
  27.           </div>
  28.           <h3 class="p-home-series__item-ttl">ナチュレドッグ</h3>
  29.           <p class="p-home-series__item-lead">大切な家族<br>いつまでも元気に</p>
  30.           <p class="p-home-series__item-txt">自然な選りすぐった原料・材料をつかったワンコにやさしいシリーズです。</p>
  31.           <a href="{{ url('product_list') }}?category_id=9" class="p-home-series__item-link l-link">Nature. Dog<span class="l-link__circle"><span class="l-link__arrow"></span></span></a>
  32.         </div>
  33.         <div class="p-home-series__item">
  34.           <div class="p-home-series__item-img-wrap">
  35.             <picture>
  36.               <source media="(min-width: 1025px)" srcset="{{ asset('assets/img/top/series03.webp') }}">
  37.               <source media="(max-width: 1024px)" srcset="{{ asset('assets/img/top/series03_sp.webp 2x') }}">
  38.               <img src="{{ asset('assets/img/top/series03.webp') }}" alt="">
  39.             </picture>
  40.           </div>
  41.           <h3 class="p-home-series__item-ttl">ヒートセラピー用品</h3>
  42.           <p class="p-home-series__item-lead">ヒートセラピー会員専⽤<br><span class="small">※ご購⼊には会員登録が必要です。</span></p>
  43.           <p class="p-home-series__item-txt">ヒートセラピー(びわきゅう)の用品や消耗品がご購入いただけます。</p>
  44.           {% set group1 = repository("Plugin\\CustomerGroup42\\Entity\\Group").find(1) %}
  45.           {% set group2 = repository("Plugin\\CustomerGroup42\\Entity\\Group").find(2) %}
  46.           {% set group3 = repository("Plugin\\CustomerGroup42\\Entity\\Group").find(3) %}
  47.           {% set group4 = repository("Plugin\\CustomerGroup42\\Entity\\Group").find(4) %}
  48.           {% if group1 is not null and is_granted('view', group1) or group2 is not null and is_granted('view', group2) or group3 is not null and is_granted('view', group3) or group4 is not null and is_granted('view', group4) %} {# ヒートセラピー会員 ログイン時 #}
  49.             <a href="{{ url('product_list') }}?category_id=10" class="p-home-series__item-link l-link">Heat therapy Member<span class="l-link__circle"><span class="l-link__arrow"></span></span></a>
  50.           {% else %} {# ヒートセラピー会員 非ログイン時 #}
  51.             <a href="{{ url('mypage_login') }}" class="p-home-series__item-link l-link">ログイン<span class="l-link__circle"><span class="l-link__arrow"></span></span></a>
  52.           {% endif %}
  53.         </div>
  54.       </div>
  55.     </section>