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

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% block stylesheet %}
  3.     <style>
  4.             .ec-heading-bold {
  5.                 font-size: 26px;
  6.                 background-color: #B72C11;
  7.                 color: #fefefe;
  8.                 text-align: center;
  9.                 padding: 10px;
  10.                 margin-top: 30px;
  11.             }
  12.             
  13.             .ec-off1Grid__cell li {
  14.                 font-size: 18px;
  15.             }
  16.             .ec-off1Grid__cell h3 {
  17.                 font-size: 18px;
  18.                 background-color: #eac3bf;
  19.                 padding: 8px 15px;
  20.                 color: #333;
  21.                 
  22.             }
  23.             .mb-8 {
  24.                 margin-bottom: 8px;
  25.             }
  26.             .ec-off1Grid__cell .flex {
  27.                 display: flex;
  28.             }
  29.             .ec-off1Grid__cell .flex dt {
  30.                 width: 35%;
  31.                 background-color: #eac3bf;
  32.                 border: 1px solid #333;
  33.                 padding: 8px 0;
  34.                 display: flex;
  35.                 justify-content: center;
  36.                 align-items: center;
  37.             }
  38.             .ec-off1Grid__cell .flex dd {
  39.                 width: 65%;
  40.                 border: 1px solid #333;
  41.                 padding: 8px 16px;
  42.             }
  43.             .ec-off1Grid__cell .flex dd p {
  44.                 padding-left: 20px;
  45.             }
  46.             .ec-off1Grid__cell .flex dt.bb-none,
  47.             .ec-off1Grid__cell .flex dd.bb-none{
  48.                 border-bottom: none;
  49.             }
  50.             .ec-off1Grid__cell .flex dd {
  51.                 border-left: none;
  52.             }
  53.             @media screen and (max-width:767px) {
  54.                 .ec-off1Grid__cell li {
  55.                     font-size: 14px;
  56.                 }
  57.                 .ec-heading-bold {
  58.                     font-size: 20px;
  59.                     padding: 6px;
  60.                 }
  61.                 .mb-8 {
  62.                     margin-bottom: 8px;
  63.                 }
  64.                 .ec-off1Grid__cell .flex {
  65.                     flex-direction: column;
  66.                 }
  67.                 .ec-off1Grid__cell .flex dt {
  68.                     width: 100%;
  69.                 }
  70.                 .ec-off1Grid__cell .flex dd {
  71.                     width: 100%;
  72.                 }
  73.                 .ec-off1Grid__cell .flex dt.bb-none,
  74.                 .ec-off1Grid__cell .flex dd.bb-none,
  75.                 .ec-off1Grid__cell .flex dt.sp_bb-none{
  76.                     border-bottom: none;
  77.                 }
  78.                 .ec-off1Grid__cell .flex dd {
  79.                     border-left: 1px solid #333;
  80.                 }
  81.             }
  82.     </style>
  83. {% endblock %}
  85. {% block main %}
  86. <section class="bg__attr">
  87.     <div class="ec-role">
  88.         <div class="ec-pageHeader">
  89.             <h1>{{ 'ご利用ガイド'|trans }}</h1>
  90.         </div>
  91.         <div class="ec-heading-bold">ご購入の流れ</div>
  92.         <img src="{{asset ('/test-ec-05/html/user_data/assets/img/common/flow.jpg')}}"><br>
  93.         <div class="ec-off1Grid">
  94.             <div class="ec-off1Grid__cell">
  95.                 <ul>
  96.                     <li>❶お好きな商品を選び「カートに入れる」を押してください。</li>
  97.                     <li>❷カート画面で商品と金額を確認し「購入手続きへ進む」を押してください。</li>
  98.                     <li>❸「お名前」「ご住所」「お支払い方法」など、お買い物に必要な情報を入力してください。</li>
  99.                     <li>❹注文内容をご確認いただき、間違いがなければ「ご注文完了」を押してください。</li>
  100.                     <li>❺ご注文から7日以内で発送いたします。一部出荷が遅れる商品に関してはメールにて納期のご連絡をいたします。</li>
  101.                 </ul>
  102.             </div>
  103.         </div>
  104.         <div class="ec-heading-bold">配送に関する事項</div>
  105.         <div class="ec-off1Grid">
  106.             <div class="ec-off1Grid__cell">
  107.                 <h3 class="mb-8">配送業者</h3>
  108.                 <p class="mb-8">佐川急便にてお届けいたします。</p>
  109.             </div>
  110.         </div>
  111.         <div class="ec-off1Grid">
  112.             <div class="ec-off1Grid__cell">
  113.                 <h3 class="mb-8">配送料</h3>
  114.                 <p class="mb-8">全国一律1,350円となっております。<br>購入金額合計16,000円以上で送料弊社負担となります。<br>
  115.                 当店の商品は全て冷凍にて配送いたします。</p>
  116.             </div>
  117.         </div>
  118.         <div class="ec-off1Grid">
  119.             <div class="ec-off1Grid__cell">
  120.                 <h3 class="mb-8 ">お届け時期</h3>
  121.                 <p class="mb-8">購入から7日以内に佐川急便にて発送いたします。<br>到着までしばらくお待ちください。</p>
  122.             </div>
  123.         </div>
  124.         <div class="ec-heading-bold mb-8">お支払方法</div>
  125.         <div class="ec-off1Grid">
  126.             <div class="ec-off1Grid__cell">
  127.                 <dl class="flex">
  128.                     <dt class="bb-none">クレジットカード</dt>
  129.                     <dd class="bb-none">取扱カード<br>VISA、MasterCard、JCB、American Express、Diners Club</dd>
  130.                 </dl>
  131.                 <dl class="flex">
  132.                     <dt class="bb-none">代金引換</dt>
  133.                     <dd class="bb-none">◎商品お届けの際、佐川急便のドライバー様に直接お支払いください。<br><br>
  134.                     ◎お買上げ金額に応じて、以下の手数料がかかります。
  135.                     <p>・1万円未満・・・330円<br>
  136.                         ・1万円以上3万円未満・・・440円<br>
  137.                         ・3万円以上10万円未満・・・660円<br>
  138.                         ・10万円未満30万円未満・・・1,100円</p></dd>
  139.                 </dl>
  140.                 <dl class="flex">
  141.                     <dt class="bb-none">銀行振込</dt>
  142.                     <dd class="bb-none">◎当店指定の口座へお振り込みください。振込手数料はご負担くださいますようお願いいたします。<br><br>
  143.                     ◎ご入金の確認後、商品を発送いたします。<br>
  144.                     <p>【振込口座】<br>
  145.                     銀行名：〇〇銀行<br>
  146.                     支店名：〇〇<br>
  147.                     口座種別：普通<br>
  148.                     口座番号：0000000<br>
  149.                     口座名義：〇〇</p></dd>
  150.                 </dl>
  151.                 <dl class="flex">
  152.                     <dt class="sp_bb-none">コンビニ後払い</dt>
  153.                     <dd>◎後払い手数料330円(税込) システム上、自動配信される注文確認メールには手数料の記載がございませんのでご注意ください。<br><br>
  154.                     ◎ご利用限度額は、お一人につき55,000円（税込）設定となっております。<br><br>
  155.                     ◎ご請求書は商品とは別に郵送されます。発行から14日以内にコンビニでお支払い下さい。 ご請求書の送付先は「配送先ご住所」ではなく「購入者様のご住所」となります。送付先ご住所と購入者様ご住所が異なる場合はご注意下さい。<br><br>
  156.                     ◎代金譲渡等株式会社SCOREが提供するサービスの範囲内で個人情報を提供します。<br><br>
  157.                     与信審査の結果により他の決済方法をご利用していただく場合もございますので同意の上申込ください。<br>
  158.                     提供する項目：氏名、電話番号、住所、E‐MAILアドレス、購入商品、金額等<br>
  159.                     提供する目的：後払い決済のための審査及び代金回収や債権管理のため 株式会社SCOREよりサービスに関する情報のお知らせのため<br>
  160.                     提供の手段：専用システムにて実施<br><br>
  161.                     ◎「スコア後払い決済サービス」では以下の場合サービスをご利用いただけません。 予めご了承ください。<br>
  162.                     ・郵便局留め・運送会社営業所留め(営業所での引き取り) ・商品の転送<br>
  163.                     「病院」「ホテル」 「学校」のご住所でご名義が職員以外の場合<br><br>
  164.                     ◎個人情報の提供に関する問合せ先:075-682-2106 (SCORE payment service お問い合わせ窓口)<br><br>
  165.                     ◎下記スマートフォンアプリからお支払い可能です
  166.                         <p>・LINEPay請求書支払い<br>
  167.                             ・楽天銀行コンビニ支払サービス (アプリで払込票支払)</p></dd>
  168.                 </dl>
  169.             </div>
  170.         </div>
  171.         <div class="ec-heading-bold">返品について</div>
  172.         <div class="ec-off1Grid">
  173.             <div class="ec-off1Grid__cell">
  174.                 <p class="mb-8">◎返品は商品または配送内容に不備があった場合を除き、生鮮ものにより受け付けておりません。<br><br>
  175.                 ◎初期不良の場合は商品到着後2日以内に当社へ電話、あるいはメールにてご連絡くださいますようお願い申し上げます。商品を送料着払いで弊社まで送っていただき、商品確認後代替商品を送らせて頂きます。</p>
  176.             </div>
  177.         </div>
  178.     </div>
  179.     
  180.     <div class="ec-role" id="question" style="margin-top: 100px;">
  181.         <div class="ec-heading-bold">よくあるご質問</div>
  182.         <div class="ec-off1Grid">
  183.             <div class="ec-off1Grid__cell">
  184.                 <p>Q. お肉の量がよくわかりません。</p>
  185.                 <p>A. お肉の量は、100g 1人前弱、150g 1人前強、450g 3人前　が目安となります。</p>
  186.             </div>
  187.         </div><br>
  188.         <div class="ec-off1Grid">
  189.             <div class="ec-off1Grid__cell">
  190.                 <p>Q. 商品はどのくらいで届きますか？</p>
  191.                 <p>A. ご注文の受付完了から7日以内に発送いたします。</p>
  192.             </div>
  193.         </div><br>
  194.         <div class="ec-off1Grid">
  195.             <div class="ec-off1Grid__cell">
  196.                 <p>Q. 送料・代引き金額はいくらですか？</p>
  197.                 <p>A. 「お支払・配達・送料について」をご確認ください。</p>
  198.             </div>
  199.         </div><br>
  200.         <div class="ec-off1Grid">
  201.             <div class="ec-off1Grid__cell">
  202.                 <p>Q. クレジットカードは使えますか？</p>
  203.                 <p>A. オンラインショップでは、JCB・AMEX・VISA・MASTER・ダイナース　カードがご利用いただけます。</p>
  204.             </div>
  205.         </div><br>
  206.         <div class="ec-off1Grid">
  207.             <div class="ec-off1Grid__cell">
  208.                 <p>Q. 受付がお休みの土日も、注文して良いですか？</p>
  209.                 <p>A. はい、ネットでのご注文は24時間受け付けております。注文確認は、翌営業日になりますので予めご了承ください。</p>
  210.             </div>
  211.         </div><br>
  212.         <div class="ec-off1Grid">
  213.             <div class="ec-off1Grid__cell">
  214.                 <p>Q. 熨斗（のし）について教えてください。</p>
  215.                 <p>A.熨斗（のし）に関しましては対応しておりません。</p>
  216.                 <img src="{{asset ('/test-ec-05/html/user_data/assets/img/common/syazai.webp')}}">
  217.             </div>
  218.         </div>
  219.     </div>
  220. </section>
  221. {% endblock %}