app/template/myufull1/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) LOCKON CO.,LTD. All Rights Reserved.
  6. http://www.lockon.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'front_page' %}
  15. {% block javascript %}
  16.   <script>
  17.   $(function() {
  18.     $('.main_visual').slick({
  19.       dots:             true,
  20.       arrows:           false,
  21.       autoplay:         true,
  22.       autoplaySpeed:    4000,
  23.       speed:            500,
  24.       pauseOnDotsHover: true,
  25.     });
  27.     // dotsの変更
  28.     $('.main_visual .slick-dots li button').html('<i class="fas fa-heart" aria-hidden="true"></i>');
  29.   });
  30.   </script>
  31. {% endblock javascript %}
  33. {% block main %}
  34.   <div class="ec-sliderRole">
  35.     <div class="main_visual">
  36.       {% if "now"|date('Ymd') >= "20220331" and "now"|date('Ymd') <= "20220831" %}
  37.         <div class="item slick-slide"><a href="/products/detail/196" title="ミューフル35周年記念 特別BOXセット。数量限定。美コンシャス。">
  38.           <img src="{{ asset('assets/img/page/product/cp/2022/be-conscious-set/visual.jpg') }}" class="img-fluid full-width mx-auto d-none d-md-block" loading="lazy" alt="ミューフル35周年記念 特別BOXセット。数量限定。美コンシャス。">
  39.           <img src="{{ asset('assets/img/page/product/cp/2022/be-conscious-set/visual_sp.jpg') }}" class="img-fluid full-width mx-auto d-block d-md-none" loading="lazy" alt="ミューフル35周年記念 特別BOXセット。数量限定。美コンシャス。">
  40.         </a></div>
  41.       {% endif %}
  43.       {% if "now"|date('Ymd') >= "20220331" and "now"|date('Ymd') <= "202205031" %}
  44.         <div class="item slick-slide"><a href="/products/detail/194" title="ミューフルエクストラエッセンスPNプラス">
  45.           <img src="{{ asset('assets/img/page/product/extra-essence-pn-plus/visual-top.jpg') }}" class="img-fluid full-width mx-auto d-none d-md-block" loading="lazy" alt="ミューフルエクストラエッセンスPNプラス">
  46.           <img src="{{ asset('assets/img/page/product/extra-essence-pn-plus/visual-top_sp.jpg') }}" class="img-fluid full-width mx-auto d-block d-md-none" loading="lazy" alt="ミューフルエクストラエッセンスPNプラス">
  47.         </a></div>
  48.       {% endif %}
  50.       {% if "now"|date('Ymd') >= "20220107" and "now"|date('Ymd') <= "20220123" %}
  51.         <div class="item slick-slide">
  52.           <img src="/html/static/assets/img/cp/2022/01-10ppt/visual_pc.jpg" class="img-fluid full-width mx-auto d-none d-md-block" loading="lazy" alt="インナーケア・ヘアケア全商品10％ポイントバック。2022年1月7日〜1月23日まで。">
  53.           <img src="/html/static/assets/img/cp/2022/01-10ppt/visual_sp.jpg" class="img-fluid full-width mx-auto d-block d-md-none" loading="lazy" alt="インナーケア・ヘアケア全商品10％ポイントバック。2022年1月7日〜1月23日まで。">
  54.         </div>
  55.       {% endif %}
  57.       {% if "now"|date('Ymd') >= "20211118" and "now"|date('Ymd') <= "20211231" %}
  58.         <div class="item slick-slide"><a href="/lp/cp-2021-winter" title="35周年感謝祭。冬の角質新美容セット。2021年12月1日〜12月31日まで。">
  59.           <img src="{{ asset('assets/img/lp/cp-2021-winter/visual1_pc.jpg') }}" srcset="{{ asset('assets/img/lp/cp-2021-winter/visual1_pc.jpg') }} 1x, {{ asset('assets/img/lp/cp-2021-winter/visual1_pc@2x.jpg') }} 2x, {{ asset('assets/img/lp/cp-2021-winter/visual1_pc@3x.jpg') }} 3x" class="img-fluid full-width mx-auto d-none d-md-block" loading="lazy" alt="35周年感謝祭。冬の角質新美容セット。2021年12月1日〜12月31日まで。">
  60.           <img src="{{ asset('assets/img/lp/cp-2021-winter/visual1_sp.jpg') }}" srcset="{{ asset('assets/img/lp/cp-2021-winter/visual1_sp.jpg') }} 1x, {{ asset('assets/img/lp/cp-2021-winter/visual1_sp@2x.jpg') }} 2x, {{ asset('assets/img/lp/cp-2021-winter/visual1_sp@3x.jpg') }} 3x" class="img-fluid full-width mx-auto d-block d-md-none" loading="lazy" alt="35周年感謝祭。冬の角質新美容セット。2021年12月1日〜12月31日まで。">
  61.         </a></div>
  62.       {% endif %}
  64.       {% if "now"|date('YmdH') >= "2021111813" and "now"|date('Ymd') <= "20220331" %}
  65.         <div class="item slick-slide"><a href="https://myufull.co.jp/35th/" target="_blank" title="ミューフル（myufull） 35周年感謝祭サイトへ">
  66.           <img src="https://myufull.co.jp/35th/img/myufull.online/visual_pc.jpg" srcset="https://myufull.co.jp/35th/img/myufull.online/visual_pc.jpg 1x, https://myufull.co.jp/35th/img/myufull.online/visual_pc@2x.jpg 2x, https://myufull.co.jp/35th/img/myufull.online/visual_pc@3x.jpg 3x" class="img-fluid full-width mx-auto d-none d-md-block" loading="lazy" alt="ミューフル（myufull） 35周年感謝祭サイトへ">
  67.           <img src="https://myufull.co.jp/35th/img/myufull.online/visual_sp.jpg" srcset="https://myufull.co.jp/35th/img/myufull.online/visual_sp.jpg 1x, https://myufull.co.jp/35th/img/myufull.online/visual_sp@2x.jpg 2x, https://myufull.co.jp/35th/img/myufull.online/visual_sp@3x.jpg 3x" class="img-fluid full-width mx-auto d-block d-md-none" loading="lazy" alt="ミューフル（myufull） 35周年感謝祭サイトへ">
  68.         </a></div>
  69.       {% endif %}
  71.       {% if "now"|date('Ymd') >= "20211014" and "now"|date('Ymd') <= "20220105" %}
  72.         <div class="item slick-slide"><a href="{{ url('product_detail', {'id': 170}) }}" title="【キャンペーン】ミューフル美顔器発売開始記念。今ならすぐに使えるプレゼントがもらえるキャンペーン中！">
  73.           <img src="/html/template/myufull1/assets/img/lp/cp-202110-facial-massager/visual_pc2.jpg" srcset="/html/template/myufull1/assets/img/lp/cp-202110-facial-massager/visual_pc2.jpg 1x, /html/template/myufull1/assets/img/lp/cp-202110-facial-massager/visual_pc2@2x.jpg 2x, /html/template/myufull1/assets/img/lp/cp-202110-facial-massager/visual_pc2@3x.jpg 3x" class="is-desktop__block" alt="【キャンペーン】ミューフル美顔器発売開始記念。今ならすぐに使えるプレゼントがもらえるキャンペーン中！" loading="lazy">
  74.           <img src="/html/template/myufull1/assets/img/lp/cp-202110-facial-massager/visual_sp2.jpg" srcset="/html/template/myufull1/assets/img/lp/cp-202110-facial-massager/visual_sp2.jpg 1x, /html/template/myufull1/assets/img/lp/cp-202110-facial-massager/visual_sp2@2x.jpg 2x, /html/template/myufull1/assets/img/lp/cp-202110-facial-massager/visual_sp2@3x.jpg 3x" class="is-mobile__block" alt="【キャンペーン】ミューフル美顔器発売開始記念。今ならすぐに使えるプレゼントがもらえるキャンペーン中！" loading="lazy">
  75.         </a></div>
  76.       {% endif %}
  78.       {% if "now"|date('Ymd') >= "20210721" and "now"|date('Ymd') <= "20210829" %}
  79.         <div class="item slick-slide"><a href="/static/cp-202107-summer" title="【キャンペーン】ミューフル公式オンラインショップ限定「2021年夏 ミューフル サマー キャンペーン」">
  80.           <img src="/html/static/assets/img/cp/2021/07-summer/visual_pc3.jpg" class="is-desktop__block" alt="【キャンペーン】ミューフル公式オンラインショップ限定「2021年夏 ミューフル サマー キャンペーン」" loading="lazy">
  81.           <img src="/html/static/assets/img/cp/2021/07-summer/visual_sp3.jpg" class="is-mobile__block" alt="【キャンペーン】ミューフル公式オンラインショップ限定「2021年夏 ミューフル サマー キャンペーン」" loading="lazy">
  82.         </a></div>
  83.       {% endif %}
  85.       {# 
  87.       {% if "now"|date('Ymd') >= "20210312" and "now"|date('Ymd') <= "20210328" %}
  88.         <div class="item slick-slide">
  89.           <img src="/html/static/assets/img/cp/2021/03-white-day/visual_pc.jpg" class="is-desktop__block" alt="【キャンペーン】ミューフル公式オンラインショップ限定。ホワイトデーキャンペーン。ミューフル オリジナルキャンディ（10個入り）をプレゼント。2021年3月12日〜2月28日まで">
  90.           <img src="/html/static/assets/img/cp/2021/03-white-day/visual_sp.jpg" class="is-mobile__block" alt="【キャンペーン】ミューフル公式オンラインショップ限定。ホワイトデーキャンペーン。ミューフル オリジナルキャンディ（10個入り）をプレゼント。2021年3月12日〜2月28日まで">
  91.         </div>
  92.       {% endif %}
  95.       {% if "now"|date('YmdH') >= "2021012910" and "now"|date('Ymd') <= "20210228" %}
  96.         <div class="item slick-slide"><a href="/products/detail/56" title="【キャンペーン】ミューフル公式オンラインショップ限定。ローション洗顔で作る、あふれるジューシー肌。PNローション1L　1ヶ月チャレンジ2021年1月29日〜2月28日まで">
  97.           <img src="/html/static/assets/img/cp/2021/02-pnl/visual_pc2.jpg" class="is-desktop__block" alt="【キャンペーン】ミューフル公式オンラインショップ限定。ローション洗顔で作る、あふれるジューシー肌。PNローション1L　1ヶ月チャレンジ2021年1月29日〜2月28日まで">
  98.           <img src="/html/static/assets/img/cp/2021/02-pnl/visual_sp2.jpg" class="is-mobile__block" alt="【キャンペーン】ミューフル公式オンラインショップ限定。ローション洗顔で作る、あふれるジューシー肌。PNローション1L　1ヶ月チャレンジ2021年1月29日〜2月28日まで">
  99.         </a></div>
  100.       {% endif %}
  102.       {% if "now"|date('YmdH') >= "2020110110" and "now"|date('Ymd') <= "20201130" %}
  103.         <div class="item slick-slide"><a href="/products/list?category_id=7" title="【キャンペーン】PNローションのご購入でPNパックを もれなく プレゼント。2020年11月01日〜11月30日まで">
  104.           <img src="/html/static/assets/img/cp/2020/11-pack/visual_pc.jpg" class="is-desktop__block" alt="【キャンペーン】PNローションのご購入でPNパックを もれなく プレゼント。2020年11月01日〜11月30日まで">
  105.           <img src="/html/static/assets/img/cp/2020/11-pack/visual_sp.jpg" class="is-mobile__block" alt="【キャンペーン】PNローションのご購入でPNパックを もれなく プレゼント。2020年11月01日〜11月30日まで">
  106.         </a></div>
  107.       {% endif %}
  108.       
  109.       {% if "now"|date('Ymd') == "20200319" %}
  110.         <div class="item slick-slide">
  111.           <img src="/html/static/assets/img/cp/2020/03-10percent/visual_pc.jpg" class="is-desktop__block" alt="創業35周年企画第4弾　全商品10％ポイント還元キャンペーン">
  112.           <img src="/html/static/assets/img/cp/2020/03-10percent/visual_sp.jpg" class="is-mobile__block" alt="創業35周年企画第4弾　全商品10％ポイント還元キャンペーン">
  113.         </div>
  114.       {% endif %}
  117.       <div class="item slick-slide"><a href="{{ url('product_detail', {'id': 78}) }}" title="ジェルエステホリデーコフレ">
  118.         <img src="/html/static/assets/img/cp/2019/11-xmas/visual-top_pc.jpg" class="is-desktop__block">
  119.         <img src="/html/static/assets/img/cp/2019/11-xmas/visual-top_sp.jpg" class="is-mobile__block">
  120.       </a></div>
  122.       <div class="item slick-slide">
  123.         <img src="/html/static/assets/img/cp/2019/11-calender/visual_pc.jpg" class="is-desktop__block" alt="2020年 ミューフルカレンダー もれなく全員にプレゼント">
  124.         <img src="/html/static/assets/img/cp/2019/11-calender/visual_sp.jpg" class="is-mobile__block" alt="2020年 ミューフルカレンダー もれなく全員にプレゼント">
  125.       </div>
  126.       <div class="item slick-slide"><a href="{{ url('product_detail', {'id': 69}) }}">
  127.         <img src="{{ asset('assets/img/top/slider_2019-06_uv.png') }}" class="d-block">
  128.       </a></div> #}
  129.       {# <div class="item slick-slide"><img src="{{ asset('assets/img/top/img_hero_pc01.jpg') }}"></div>
  130.       <div class="item slick-slide"><img src="{{ asset('assets/img/top/img_hero_pc02.jpg') }}"></div>
  131.       <div class="item slick-slide"><img src="{{ asset('assets/img/top/img_hero_pc03.jpg') }}"></div> #}
  133.       {# {% if not is_granted('ROLE_USER') %}
  134.         <div class="item slick-slide">
  135.           <a href="{{ url('entry') }}" title="新規会員登録で、もれなく全員に500ポイントプレゼント">
  136.             <img src="/html/template/myufull1/assets/img/top/slider_500pt_pc.jpg" class="is-desktop__block" alt="新規会員登録で、もれなく全員に500ポイントプレゼント" loading="lazy">
  137.             <img src="/html/template/myufull1/assets/img/top/slider_500pt_sp.jpg" class="is-mobile__block" alt="新規会員登録で、もれなく全員に500ポイントプレゼント" loading="lazy">
  138.           </a>
  139.         </div>
  140.       {% endif %} #}
  142.       <div class="item slick-slide">
  143.         <a href="/subscription" title="安心・便利でお得がいっぱい！定期便。いつでも10%ポイント還元。送料無料。バースデープレゼントなどなど">
  144.           <img src="/html/template/myufull1/assets/img/top/slider_subscription_pc.jpg" class="is-desktop__block" alt="" loading="lazy">
  145.           <img src="/html/template/myufull1/assets/img/top/slider_subscription_sp.jpg" class="is-mobile__block" alt="" loading="lazy">
  146.         </a>
  147.       </div>
  149.       <div class="item slick-slide">
  150.         <a href="https://myufull.co.jp/salons/for-beginners/" title="自分史上最高美肌を叶える「角質新美容」 ミューフル" target="_blank">
  151.           <img src="/html/template/myufull1/assets/img/top/slider_myufull_official_pc.jpg" class="is-desktop__block" alt="自分史上最高美肌を叶える「角質新美容」 ミューフル" loading="lazy">
  152.           <img src="/html/template/myufull1/assets/img/top/slider_myufull_official_sp.jpg" class="is-mobile__block" alt="自分史上最高美肌を叶える「角質新美容」 ミューフル" loading="lazy">
  153.         </a>
  154.       </div>
  156.     </div>
  157.   </div>
  158. {% endblock %}