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">
  37.       {% if "now"|date('YmdH') >= "2025040100" %}
  38.         <div class="item slick-slide"><a href="/products/list?category_id=&name=プレミアムナチュレ" target="_blank" title="プレミアムナチュレシリーズ">
  39.           <picture class="full-width mx-auto d-none d-md-block">
  40.             <source srcset="/html/template/myufull1/assets/img/page/product/premium-nature/top_banner_pc2@2x.webp 2x, /html/template/myufull1/assets/img/page/product/premium-nature/top_banner_pc2.webp" type="image/webp">
  41.             <source srcset="/html/template/myufull1/assets/img/page/product/premium-nature/top_banner_pc2@2x.jpg 2x" type="image/jpg">
  42.             <img src="/html/template/myufull1/assets/img/page/product/premium-nature/top_banner_pc2.jpg" alt="プレミアムナチュレシリーズ" loading="lazy" class="img-fluid">
  43.           </picture>
  44.           <picture class="full-width mx-auto d-block d-md-none">
  45.             <source srcset="/html/template/myufull1/assets/img/page/product/premium-nature/top_banner2@2x.webp 2x, /html/template/myufull1/assets/img/page/product/premium-nature/top_banner2.webp" type="image/webp">
  46.             <source srcset="/html/template/myufull1/assets/img/page/product/premium-nature/top_banner2@2x.jpg 2x" type="image/jpg">
  47.             <img src="/html/template/myufull1/assets/img/page/product/premium-nature/top_banner2.jpg" alt="プレミアムナチュレシリーズ" loading="lazy" class="img-fluid">
  48.           </picture>
  49.         </a></div>
  50.       {% endif %}
  52.       {% if "now"|date('YmdH') >= "2024120512" %}
  53.         <div class="item slick-slide"><a href="https://myufull.online/products/detail/233" target="_blank" title="ミューフル天然草ソープ ダマスクローズ チューベローズ">
  54.           <picture class="full-width mx-auto d-none d-md-block">
  55.             <source srcset="/html/template/myufull1/assets/img/page/product/natural-herb-soap/top_pc.webp" type="image/webp">
  56.             <img src="/html/template/myufull1/assets/img/page/product/natural-herb-soap/top_pc.jpg" alt="ミューフル天然草ソープ ダマスクローズ チューベローズ" loading="lazy" class="img-fluid">
  57.           </picture>
  58.           <picture class="full-width mx-auto d-block d-md-none">
  59.             <source srcset="/html/template/myufull1/assets/img/page/product/natural-herb-soap/top_sp.webp" type="image/webp">
  60.             <img src="/html/template/myufull1/assets/img/page/product/natural-herb-soap/top_sp.jpg" alt="ミューフル天然草ソープ ダマスクローズ チューベローズ" loading="lazy" class="img-fluid">
  61.           </picture>
  62.         </a></div>
  63.       {% endif %}
  65.       {% if "now"|date('Ymd') >= "20240801" and "now"|date('Ymd') <= "20240831" %}
  66.         <div class="item slick-slide"><a href="https://myufull.co.jp/wp-content/uploads/2024/07/20240801_innnercare.pdf" target="_blank" title="インナーケアキャンペーン2024 美容ドリンク ミューフルフローラをプレゼント">
  67.           <picture class="full-width mx-auto d-none d-md-block">
  68.             <source srcset="/html/static/assets/img/cp/2024/202408_pc.webp" type="image/webp">
  69.             <img src="/html/static/assets/img/cp/2024/202408_pc.jpg" alt="インナーケアキャンペーン2024 美容ドリンク ミューフルフローラをプレゼント" loading="lazy" class="img-fluid">
  70.           </picture>
  71.           <picture class="full-width mx-auto d-block d-md-none">
  72.             <source srcset="/html/static/assets/img/cp/2024/202408_sp.webp" type="image/webp">
  73.             <img src="/html/static/assets/img/cp/2024/202408_sp.jpg" alt="インナーケアキャンペーン2024 美容ドリンク ミューフルフローラをプレゼント" loading="lazy" class="img-fluid">
  74.           </picture>
  75.         </a></div>
  76.       {% endif %}
  78.       <div class="item slick-slide"><a href="https://myufull.online/products/detail/16" title="髪と地肌をしっとりと洗い上げる、弱酸性のボタニカルシャンプー。 サブナEX ダブルローズ">
  79.         <picture class="full-width mx-auto d-none d-md-block">
  80.           <source srcset="/html/template/myufull1/assets/img/page/product/sabuna-ex-w-rose/top.webp" type="image/webp">
  81.           <img src="/html/template/myufull1/assets/img/page/product/sabuna-ex-w-rose/top.jpg" alt="髪と地肌をしっとりと洗い上げる、弱酸性のボタニカルシャンプー。 サブナEX ダブルローズ" loading="lazy" class="img-fluid">
  82.         </picture>
  83.         <picture class="full-width mx-auto d-block d-md-none">
  84.           <source srcset="/html/template/myufull1/assets/img/page/product/sabuna-ex-w-rose/top_sp.webp" type="image/webp">
  85.           <img src="/html/template/myufull1/assets/img/page/product/sabuna-ex-w-rose/top_sp.jpg" alt="髪と地肌をしっとりと洗い上げる、弱酸性のボタニカルシャンプー。 サブナEX ダブルローズ" loading="lazy" class="img-fluid">
  86.         </picture>
  87.       </a></div>
  89.       {# 
  91.       {% if "now"|date('Ymd') >= "20221118" and "now"|date('Ymd') <= "20230331" %}
  92.         <div class="item slick-slide"><a href="https://tellers.myufull.co.jp/serial/" target="_blank" title="【キャンペーン】あつめてシリアルキャンペーン">
  93.           <picture>
  94.             <source srcset="/html/static/assets/img/cp/2022/11-serial/visual_pc.webp" type="image/webp">
  95.             <img src="/html/static/assets/img/cp/2022/11-serial/visual_pc.jpg" alt="【キャンペーン】あつめてシリアルキャンペーン" loading="lazy" class="img-fluid full-width mx-auto d-none d-md-block">
  96.           </picture>
  97.           <picture>
  98.             <source srcset="/html/static/assets/img/cp/2022/11-serial/visual.webp" type="image/webp">
  99.             <img src="/html/static/assets/img/cp/2022/11-serial/visual.jpg" alt="【キャンペーン】あつめてシリアルキャンペーン" loading="lazy" class="img-fluid full-width mx-auto d-block d-md-none">
  100.           </picture>
  101.         </a></div>
  102.       {% endif %}
  103.       #}
  105.       {# {% if not is_granted('ROLE_USER') %}
  106.         <div class="item slick-slide">
  107.           <a href="{{ url('entry') }}" title="新規会員登録で、もれなく全員に500ポイントプレゼント">
  109.           <picture class="is-desktop__block">
  110.             <source srcset="{{ asset('assets/img/top/slider_500pt_pc.avif') }}" type="image/avif">
  111.             <source srcset="{{ asset('assets/img/top/slider_500pt_pc.webp') }}" type="image/webp">
  112.             <img src="{{ asset('assets/img/top/slider_500pt_pc.jpg') }}" alt="新規会員登録で、もれなく全員に500ポイントプレゼント" loading="lazy">
  113.           </picture>
  114.           <picture class="is-mobile__block">
  115.             <source srcset="{{ asset('assets/img/top/slider_500pt_sp.avif') }}" type="image/avif">
  116.             <source srcset="{{ asset('assets/img/top/slider_500pt_sp.webp') }}" type="image/webp">
  117.             <img src="{{ asset('assets/img/top/slider_500pt_sp.jpg') }}" alt="新規会員登録で、もれなく全員に500ポイントプレゼント" loading="lazy">
  118.           </picture>
  119.           </a>
  120.         </div>
  121.       {% endif %} #}
  123.       <div class="item slick-slide">
  124.         <a href="/subscription" title="安心・便利でお得がいっぱい！定期便。いつでも10%ポイント還元。送料無料。バースデープレゼントなどなど">
  125.           <picture class="is-desktop__block">
  126.             <source srcset="{{ asset('assets/img/top/slider_subscription_pc@2x.jpg') }}?20250401 2x" type="image/jpg">
  127.             <img src="{{ asset('assets/img/top/slider_subscription_pc.jpg') }}?20250401" loading="lazy">
  128.           </picture>
  129.           <picture class="is-mobile__block">
  130.             <source srcset="{{ asset('assets/img/top/slider_subscription.jpg') }}?20250401 2x" type="image/jpg">
  131.             <img src="{{ asset('assets/img/top/slider_subscription.jpg') }}?20250401" loading="lazy">
  132.           </picture>
  133.         </a>
  134.       </div>
  136.       <div class="item slick-slide">
  137.         <a href="https://myufull.co.jp/salons/for-beginners/" title="自分史上最高美肌を叶える「角質新美容」 ミューフル" target="_blank">
  138.           <picture class="is-desktop__block">
  139.             <source srcset="{{ asset('assets/img/top/slider_myufull_official_pc.avif') }}" type="image/avif">
  140.             <source srcset="{{ asset('assets/img/top/slider_myufull_official_pc.webp') }}" type="image/webp">
  141.             <img src="{{ asset('assets/img/top/slider_myufull_official_pc.jpg') }}" alt="自分史上最高美肌を叶える「角質新美容」 ミューフル" loading="lazy">
  142.           </picture>
  143.           <picture class="is-mobile__block">
  144.             <source srcset="{{ asset('assets/img/top/slider_myufull_official_sp.avif') }}" type="image/avif">
  145.             <source srcset="{{ asset('assets/img/top/slider_myufull_official_sp.webp') }}" type="image/webp">
  146.             <img src="{{ asset('assets/img/top/slider_myufull_official_sp.jpg') }}" alt="自分史上最高美肌を叶える「角質新美容」 ミューフル" loading="lazy">
  147.           </picture>
  148.         </a>
  149.       </div>
  151.     </div>
  152.   </div>
  153. {% endblock %}