app/template/tanzo/Help/guide.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  3. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  4. http://www.ec-cube.co.jp/
  5. For the full copyright and license information, please view the LICENSE
  6. file that was distributed with this source code.
  7. #}
  8. {% extends 'default_frame.twig' %}
  9. {% block main %}
  10.     <div class="ec-role">
  11.         <div class="ec-pageHeader">
  12.             <h1>{{ 'ご利用ガイド'|trans }}</h1>
  13.         </div>
  14.         
  15.         <div class="ec-off1Grid">
  16.             <div class="ec-off1Grid__cell">
  17.                 <div class="pt-3 shopping_guide">
  18.                     <div class="p-2 p-md-3 bg-white text-center guide_item">
  19.                         <h2 class="">商品を選ぶ</h2>
  20.                         <div class="px-3 pt-3">
  21.                             <p class="ps-1 pb-3">商品をお選びください。<br>
  22.                             お気に入りに登録すると、後から見つけやすく<span class="aks">なります。</span></p>
  23.                         </div>
  24.                     </div>
  25.                     <div class="text-center my-3 display-1"><i class="bi bi-chevron-double-down"></i></div>
  26.                     <div class="p-2 p-md-3 bg-white text-center guide_item">
  27.                         <h2 class="">カートに入れる</h2>
  28.                         <div class="px-3 pt-3">
  29.                             <p class="lead p-1 mb-1">婚約指輪</p>
  30.                             <p class="ps-1 pb-3">ダイヤモンドのグレード・素材・サイズを選択して<span class="aks">ください。</span></p>
  31.                             <p class="lead p-1 mb-1">結婚指輪</p>
  32.                             <p class="ps-1 pb-3">
  33.                                リングの種類・素材・サイズを選択して<span class="aks">ください。</span><br>
  34.                                ※1本ずつ購入することも、2本セットで購入することも<span class="aks">可能です。</span>
  35.                             </p>
  36.                         </div>
  37.                     </div>
  38.                     <div class="text-center my-3 display-1"><i class="bi bi-chevron-double-down"></i></div>
  39.                     <div class="p-2 p-md-3 bg-white text-center guide_item">
  40.                         <h2 class="">オプションを決める</h2>
  41.                         <div class="px-3 pt-3">
  42.                             <p class="lead p-1 mb-1">刻印の有無</p>
  43.                             <p class="ps-1 pb-3">リングの内側に刻印を入れるか、選択して<span class="aks">ください。</span><br>
  44.                             ※刻印なしの場合でも、弊社の保証印・素材・石目は必ず<span class="aks">刻印されます。</span></p>
  45.                             <p class="lead p-1 mb-1">刻印の書体</p>
  46.                             <p class="ps-1 pb-3">
  47.                                 刻印の書体を選択してください。<br>
  48.                                 基本書体は無料です。有料書体は1本¥5,500(税込)の追加料金を<span class="aks">頂戴します。</span>
  49.                             </p>
  50.                             <p class="lead p-1 mb-1">刻印の内容</p>
  51.                             <p class="ps-1 pb-3">
  52.                                 刻印の内容を入力して<span class="aks">ください。</span><br>
  53.                                 全角・半角の文字を19文字まで入れることが<span class="aks">できます。</span>
  54.                             </p>
  55.                             <p class="lead p-1 mb-1">インサイド石</p>
  56.                             <p class="ps-1 pb-3">
  57.                                 インサイド石を12種類の誕生石から<span class="aks">お選びいただけます。</span><br>
  58.                                 インサイド石は1石¥5,500(税込)の追加料金を<span class="aks">頂戴します。</span><br>
  59.                                 ※インサイド石は、刻印がある場合は刻印の直後にセッティング<span class="aks">させて</span><span class="aks">いただきます。</span><br>
  60.                                 石の位置の変更をご希望の場合は購入手続き画面のお問い合わせ欄に<span class="aks">ご記入ください。</span>
  61.                             </p>
  62.                         </div>
  63.                     </div>
  64.                     <div class="text-center my-3 display-1"><i class="bi bi-chevron-double-down"></i></div>
  65.                     <div class="p-2 p-md-3 bg-white text-center guide_item">
  66.                         <h2 class="text-center">お客様情報を入力する</h2>
  67.                         <div class="px-3 pt-3">
  68.                             <p class="ps-1 pb-3">購入されるお客様のお名前・ご住所・電話番号・メールアドレスを入力して<span class="aks">ください。</span></p>
  69.                         </div>
  70.                     </div>
  71.                     <div class="text-center my-3 display-1"><i class="bi bi-chevron-double-down"></i></div>
  72.                     <div class="p-2 p-md-3 bg-white text-center guide_item">
  73.                         <h2 class="">ご注文の手続きをする</h2>
  74.                         <div class="px-3 pt-3">
  75.                             <p class="lead p-1 mb-1">配送先</p>
  76.                                 <p class="ps-1 pb-3">配送先が複数ある場合は「お届け先を複数指定する」から入力して<span class="aks">ください。</span></p>
  77.                             <p class="lead p-1 mb-1">お届け日</p>
  78.                                 <p class="ps-1 pb-3">お届け可能日が選択肢に表示されます。<br>
  79.                                 選択して<span class="aks">ください。</span></p>
  80.                             <p class="lead p-1 mb-1">お届け時間</p>
  81.                                 <p class="ps-1 pb-3">ご都合の良い時間帯を選択して<span class="aks">ください。</span></p>
  82.                             <p class="lead p-1 mb-1">お支払方法</p>
  83.                                 <p class="ps-1 pb-3">クレジットカード一括払いのみと<span class="aks">なります。</span></p>
  84.                             <p class="lead p-1 mb-1">お問い合わせ</p>
  85.                                 <p class="ps-1 pb-3">
  86.                                     店舗での受け取りをご希望の場合は、受け取り希望店舗を<span class="aks">ご記入ください。 </span><br>
  87.                                     また、納期のお問い合わせや、インサイド石の位置についての希望、そのほかご質問等がある場合は<span class="aks">ご記入ください。</span><br>
  88.                                     後日担当者より<span class="aks">ご連絡致します。</span>
  89.                                 </p>
  90.                         </div>
  91.                     </div>
  92.                     <div class="text-center my-3 display-1"><i class="bi bi-chevron-double-down"></i></div>
  93.                     <div class="p-2 p-md-3 bg-white text-center guide_item">
  94.                         <h2 class="">ご注文を確認する</h2>
  95.                         <div class="px-3 pt-3">
  96.                             <p class="ps-1 pb-3">内容に間違いがないか<span class="aks">ご確認ください。</span></p>
  97.                         </div>
  98.                     </div>
  99.                     <div class="text-center my-3 display-1"><i class="bi bi-chevron-double-down"></i></div>
  100.                     <div class="p-2 p-md-3 bg-white text-center guide_item">
  101.                         <h2 class="">ご注文完了</h2>
  102.                         <div class="px-3 pt-3">
  103.                             <p class="ps-1 pb-3">
  104.                                 ご注文が正式に完了<span class="aks">致しました。</span><br>
  105.                                 誠にありがとうございます。<br>
  106.                                 ご注文商品の準備が出来次第、順次<span class="aks">発送致します。</span>
  107.                             </p>
  108.                         </div>
  109.                     </div>
  110.                 </div>
  111.             </div>
  112.         </div>
  113.     </div>
  114. {% endblock %}