app/template/default/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE, Overwrite by INSPIRATION
  4. #}
  5. {% extends 'default_frame.twig' %}
  7. {% set body_class = 'front_page' %}
  9. {% block stylesheet %}
  10. {% endblock %}
  12. {% block javascript %}
  13. {% endblock javascript %}
  15. {% block main %}
  16.     <div id="main-visulal" class="position-relative _overflow-x">
  17.         <div class="swiper-container position-relative" id="swiper1">
  18.             <div class="swiper-wrapper text-center">
  19.                 <div class="swiper-slide"><a href="{{ url('product_list') }}?category_id=7"><img decoding="async" src="{{ asset('assets/img/top/mv01.png') }}" width="1296" height="610" alt="名入れゴルフボールプリント"></a></div>
  20.                 {# 他のカテゴリ解放時に合わせて掲載
  21.                 <div class="swiper-slide"><a href=""><img decoding="async" src="{{ asset('assets/img/top/mv02.png') }}" width="1296" height="610" alt="名入れゴルフマーカープリント"></a></div>
  22.                 <div class="swiper-slide"><a href=""><img decoding="async" src="{{ asset('assets/img/top/mv03.png') }}" width="1296" height="610" alt="ギフトラッピング"></a></div> 
  23.                 #}
  24.             </div>
  25.             <div class="swiper-pagination"></div>
  26.             <div class="swiper-button-prev"></div>
  27.             <div class="swiper-button-next"></div>
  28.         </div>
  29.     </div>
  31.     <div class="container">
  32.         <div class="row">
  33.             <div class="col-md-4 text-center mb-3"><a href="{{ url('faq_detail', {'id':'19'}) }}"><img decoding="async" src="{{ asset('assets/img/top/bnr_sv01.png') }}" class="img-fluid" width="400" height="80" alt="即日出荷OK"></a></div>
  34.             <div class="col-md-4 text-center mb-3"><a href="{{ url('faq_detail', {'id':'21'}) }}"><img decoding="async" src="{{ asset('assets/img/top/bnr_sv02.png') }}" class="img-fluid" width="400" height="80" alt="ポイント3％還元"></a></div>
  35.             <div class="col-md-4 text-center mb-3"><a href="{{ url('product_list') }}?category_id=10"><img decoding="async" src="{{ asset('assets/img/top/bnr_sv03.png') }}" class="img-fluid" width="400" height="80" alt="ギフトラッピング"></a></div>
  36.         </div>
  37.         <div class="my-md-5 text-center">
  38.             <a href="{{ url('product_list') }}?mode=&category_id=7&name=&pageno=1&disp_number=21&orderby=1&ball-type=14&ball-nums=&ball-price="><img decoding="async" src="{{ asset('assets/img/top/bnr_price.png') }}" class="img-fluid" width="990" height="210" alt="持ち込みボール印刷業界最安値挑戦中3球495円から"></a>
  39.         </div>
  40.         <h1 class="section-title -underline my-5">
  41.             <span>ゴルフプリントのサービス</span>
  42.         </h1>
  43.         <div class="row">
  44.             <div class="col-md-3 text-center mb-3">
  45.                 <a href="{{ url('faq_detail', {'id':'11'}) }}"><img decoding="async" src="{{ asset('assets/img/top/bnr_service01.png') }}" class="img-fluid" width="294" height="105" alt="デザイン自由"></a>
  46.                 <h2 class="fw-bold _fs-3">デザイン自由<br>お好きなデザインを印刷します</h2>
  47.                 <p class="text-center text-md-start">文字OK！写真OK！イラストOK！お手持ちの画像や当店オリジナルデザインを印刷できます。</p>
  48.             </div>
  49.             <div class="col-md-3 text-center mb-3">
  50.                 <a href="{{ url('faq_detail', {'id':'12'}) }}"><img decoding="async" src="{{ asset('assets/img/top/bnr_service02.png') }}" class="img-fluid" width="294" height="105" alt="送料無料・代引手数料無料"></a>
  51.                 <h2 class="fw-bold _fs-3">送料無料<br>代引き手数料無料</h2>
  52.                 <p class="text-center text-md-start">5,000円以上のご注文は代引き手数料無料。8,0000円以上のご注文で送料無料。</p>
  53.             </div>
  54.             <div class="col-md-3 text-center mb-3">
  55.                 <a href="{{ url('faq_detail', {'id':'21'}) }}"><img decoding="async" src="{{ asset('assets/img/top/bnr_service03.png') }}" class="img-fluid" width="294" height="105" alt="ポイント3％還元"></a>
  56.                 <h2 class="fw-bold _fs-3">全商品対象<br>3%のポイント還元</h2>
  57.                 <p class="text-center text-md-start">全商品に3%のポイントが付きます。<br>（1ポイント＝1円）要会員登録（無料）</p>
  58.             </div>
  59.             <div class="col-md-3 text-center mb-3">
  60.                 <a href="{{ url('faq_detail', {'id':'17'}) }}"><img decoding="async" src="{{ asset('assets/img/top/bnr_service04.png') }}" class="img-fluid" width="294" height="105" alt="代行出荷サービス"></a>
  61.                 <h2 class="fw-bold _fs-3">手間ゼロ<br>代行出荷サービス</h2>
  62.                 <p class="text-center text-md-start">ご注文者様名義でお客様に商品を直接お送りいたします。（無料）</p>
  63.             </div>
  64.         </div>
  65.         <div class="mx-auto section-title -fukidashi mb-5 _fs-4">ご注文は簡単３ステップ！</div>
  66.         <div class="row">
  67.             <div class="col-md-4 position-relative">
  68.                 <span class="badge bg-dark rounded-pill" style="position: absolute; top:-8px; left:50%; transform: translateX(-50%);">STEP 01</span>
  69.                 <div class="text-center border border-dark rounded-3 p-4 mb-3">
  70.                     <p class="fw-bold pt-2">名入れ商品を選ぶ</p>
  71.                     <img decoding="async" src="{{ asset('assets/img/top/fig_step01.png') }}" class="img-fluid mb-2" width="336" height="136" alt="名入れ商品を選ぶ">
  72.                     <p class="text-start">商品ページ「ボールを選ぶ」または「マーカーを選ぶ」へお進みいただき、印刷をしたい商品をお選びください。</p>
  73.                 </div>
  74.             </div>
  75.             <div class="col-md-4 position-relative">
  76.                 <span class="badge bg-dark rounded-pill" style="position: absolute; top:-8px; left:50%; transform: translateX(-50%);">STEP 02</span>
  77.                 <div class="text-center border border-dark rounded-3 p-4 mb-3">
  78.                     <p class="fw-bold pt-2">デザインを選ぶ</p>
  79.                     <img decoding="async" src="{{ asset('assets/img/top/fig_step02.png') }}" class="img-fluid mb-2" width="336" height="136" alt="デザインを選ぶ">
  80.                     <p class="text-start">商品ページ「デザインを選ぶ」へお進みいただき、ご自身でご用意されたデザインや当店のオリジナルデザインをお選びください。</p>
  81.                 </div>
  82.             </div>
  83.             <div class="col-md-4 position-relative">
  84.                 <span class="badge bg-dark rounded-pill" style="position: absolute; top:-8px; left:50%; transform: translateX(-50%);">STEP 03</span>
  85.                 <div class="text-center border border-dark rounded-3 p-4 mb-3">
  86.                     <p class="fw-bold pt-2">ご注文</p>
  87.                     <img decoding="async" src="{{ asset('assets/img/top/fig_step03.png') }}" class="img-fluid mb-2" width="336" height="136" alt="ご注文">
  88.                     <p class="text-start">ゴルフボール（またはゴルフマーカー）とデザインをカートに追加して、ご注文フォームを送信したら、ご注文完了となります。</p>
  89.                 </div>
  90.             </div>
  91.         </div>
  92.         <h2 class="section-title -underline my-5">
  93.             デザイン制作<span class="text-danger">無料</span>で承ります
  94.         </h2>
  95.         <div class="bg-secondary">
  96.             <div class="row p-4 align-items-center">
  97.                 <div class="col-md-4 mb-3 mb-md-0">
  98.                     <div class="text-center">
  99.                         <img decoding="async" src="{{ asset('assets/img/top/fig_design.png') }}" class="img-fluid" width="400" height="190" alt="デザイン制作無料">
  100.                     </div>
  101.                 </div>
  102.                 <div class="col-md-8">
  103.                     <ul>
  104.                         <li>導入事例から参考イメージを選んでいただき、そのイメージに近いデザインをご用意いたします</li>
  105.                         <li>導入事例と全く同じものはお作りできません</li>
  106.                         <li>文字を入れるなどの軽微な加工は可能です</li>
  107.                         <li>提示したデザインの修正は原則承りかねます</li>
  108.                     </ul>
  109.                 </div>
  110.             </div>
  111.         </div>
  113. {{ include('Block/ranking_home.twig') }}
  115. {{ include('Block/case_home.twig') }}
  117. {{ include('Block/news.twig') }}
  119. {# ※includeではcontrollerを読み込まず、直接Twigを読むだけなのでレイアウト管理とした #}
  120. {#{ include('Block/wordpress_home.twig') }#}
  122.     </div>
  123. {% endblock %}