app/template/user_data/flow.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block main %}
  5.             <div class="flowbigbox">
  7.                 <div id="flow">
  8.                     <h2 class="flowtitle maru fs22">利用の流れ</h2>
  9.                     <div class="mb30">
  11.                         <div class="flflex">
  12.                             <h3><span class="fs22 maru">購入したい商品を選ぶ</span></h3>
  13.                             <p>
  14.                                 購入したい商品が決まりましたら、「カートに入れる」ボタンをクリックしてください。ショッピングカートに追加されます。
  15.                             </p>
  16.                         </div>
  18.                         <div class="flflex">
  19.                             <h3><span class="fs22 maru">購入手続きに進む<br>(レジへ進む)</span></h3>
  20.                             <p>
  21.                                 「現在のカートの中身」のページ、もしくは画面右上にある「カートの中身」から「レジへ進む」ボタンをクリックします。カートの内容が表示されます。
  22.                             </p>
  23.                         </div>
  25.                         <div class="flflex">
  26.                             <h3><span class="fs22 maru">購入手続きをする<br>（会計をする）</span></h3>
  27.                             <p>
  28.                                 カートの説明に従って、「購入者情報」「お届け先情報」「お支払い方法」などを決定します。
  29.                             </p>
  30.                         </div>
  32.                         <div class="flflex">
  33.                             <h3><span class="fs22 maru">確認のメールが届きます</span></h3>
  34.                             <p>
  35.                                 購入内容のメールが届きます。
  36.                             </p>
  37.                         </div>
  39.                         <div class="flflex fll">
  40.                             <h3><span class="fs22 maru">商品が届きます</span></h3>
  41.                             <p>
  42.                                 お支払い方法により一部流れが異なります。
  43.                             </p>
  44.                         </div>
  46.                     </div>
  48.                     <div class="tac flgrbox mb30">
  49.                         ※ 在庫表示について　/　当店では在庫数に応じて在庫状況を表示しております。<br>
  50.                         在庫数4以上：在庫あり　｜　在庫数3以下：在庫わずか　｜　在庫数0：在庫なし
  51.                     </div>
  53.                     <p class="mb50">
  54.                         なお、当店は所謂18歳未満販売禁止商品（アダルト関連商品）は扱いません。
  55.                     </p>
  56.                 </div>
  58.                 <div id="delivery">
  59.                     <h2 class="flowtitle maru fs22">配送について</h2>
  60.                     <div class="flflex2  mb30">
  61.                         <img src="/html/user_data/assets/img/fldel1.png" width="300" height="120" class="mr15 s100 smb20" alt="">
  62.                         <img src="/html/user_data/assets/img/fldel2.png" width="300" height="120" class="s100" alt="">
  63.                     </div>
  64.                     <p class="mb50">原則当日発送心がけております。<br>商品発送のご連絡は、発送日の19時以降になる場合がございます。</p>
  65.                 </div>
  67.                 <div id="payment">
  68.                     <h2 class="flowtitle maru fs22">お支払い方法</h2>
  69.                     <div class="flflex2 mb30">
  70.                         <p class="payp fs22 maru tac">銀行振込<br>(信用金庫)</p>
  71.                         <p class="payp fs22 maru tac">郵便<br>振替</p>
  72.                         <p class="payp fs22 maru tac">代金<br>引換</p>
  73.                         <p class="payp fs22 maru tac">クレジット<br>カード決済</p>
  74.                         <p class="payp fs22 maru tac">コンビニエンス<br>ストア</p>
  75.                         <p class="payp fs22 maru tac">クロネコヤマト<br>後払いサービス</p>
  76.                     </div>
  77.                     <h3 class="fs22 fwb">対応サービス</h3>
  78.                     <p class="mb30">
  79.                         クレジットカード：JCB/AMEX/VISA/MASTER/DINERS<br />
  80.                         コンビニエンスストア：ファミリーマート／ローソン／セイコーマート／ミニストップ
  81.                     </p>
  82.                     <p>
  83.                         ※銀行振込(信用金庫)、郵便振替の入金確認は10時および15時に行っております。<br>
  84.                         金融機関の都合上、反映までにお時間がかかる場合がございます。<br>
  85.                         15時時点でお支払が確認できない場合は翌日の入金確認となります。予めご了承ください。
  86.                     </p>
  87.                 </div>
  88.             </div>
  90. {% endblock %}