app/template/default/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.         <div class="guide-box">
  15.             <div class="row">
  16.                 <div class="col-md-6">
  17.                     <h5>ご購入の流れ・会員登録について</h5>
  18.                     <ul>
  19.                         <li><a href="#nagare">ご購入の流れ</a></li>
  20.                         <li><a href="#touroku">会員登録について</a></li>
  21.                         <li><a href="#domain">ドメイン指定について</a></li>
  22.                     </ul>
  23.                     <h5>商品の お届けについて</h5>
  24.                     <ul>
  25.                         <li><a href="#otodoke">商品の お届けについて</a></li>
  26.                         <li><a href="#henpin">返品・交換・キャンセルについて</a></li>
  27.                     </ul>
  28.                 </div>
  29.                 <div class="col-md-6">
  30.                     <h5>送料・お支払いについて</h5>
  31.                     <ul>
  32.                         <li><a href="#souryou">送料について</a></li>
  33.                         <li><a href="#shiharai">お支払い方法・お支払い期限について</a></li>
  34.                     </ul>
  35.                     <h5>その他</h5>
  36.                     <ul>
  37.                         <li><a href="#toiawase">お問い合わせについて</a></li>
  38.                         <li><a href="#security">セキュリティについて</a></li>
  39.                         <li><a href="#kankyo">推奨環境について</a></li>
  40.                     </ul>
  41.                 </div>
  42.             </div>
  43.         </div>
  44.         <h2 class="guide-title h2_midashi" id="nagare">★ ご購入の流れ</h2>
  45.         <div class="step row mt-4">
  46.             <div class="col-4">
  47.                 <img src="{{ asset('assets/img/user-guide/konyu_01.jpg') }}" alt="商品検索">
  48.             </div>
  49.             <div class="col-8">
  50.                 <h6 class="step-title">① 商品を検索</h6>
  51.                 <p class="small">トップページの「CATEGORIES」より購入したい商品のカテゴリーを選択すると、商品の一覧が表示されます。</p>
  52.             </div>
  53.         </div>
  54.         <div class="step row">
  55.             <div class="col-4">
  56.                 <img src="{{ asset('assets/img/user-guide/konyu_02.jpg') }}" alt="カートに入れる">
  57.             </div>
  58.             <div class="col-8">
  59.                 <h6 class="step-title">② カートに入れる</h6>
  60.                 <p class="small">商品の一覧で「詳細を見る」を押すと、商品の詳細情報を表示します。購入希望の商品を「カートへ入れる」ボタンから商品をショッピングカートに追加してください。このとき、数量を入力することで数量を変更することもできます。</p>
  61.                 <p class="small">(予め会員登録されている方はログインが必要です。<br>会員登録されていない方も購入いただけます。その場合はお客様の情報を、ご購入手続き中にご入力下さい。)</p>
  62.             </div>
  63.         </div>
  64.         <div class="step row">
  65.             <div class="col-4">
  66.                 <img src="{{ asset('assets/img/user-guide/konyu_03.jpg') }}" alt="ショッピングカート">
  67.             </div>
  68.             <div class="col-8">
  69.                 <h6 class="step-title">③ ショッピングカート</h6>
  70.                 <p class="small">商品・数量・金額を確認します。<br>よろしければ「レジに進む」ボタンを押してください。</p><br>
  71.                 <p class="small">「レジに進むへ」…お届け先・支払い方法の選択へ進みます。</p>
  72.                 <p class="small">(・数量を変更する場合は「+」「-」ボタンを押して変更してください。</p>
  73.                 <p class="small">  ・商品を削除する場合は、商品の左にある「X」を押して下さい。</p>
  74.                 <p class="small"> ・お買い物を続ける場合は「お買い物を続ける」ボタンを押してください。)</p>
  75.             </div>
  76.         </div>
  77.         <div class="step row">
  78.             <div class="col-4">
  79.                 <img src="{{ asset('assets/img/user-guide/konyu_04.jpg') }}" alt="お届け先を選択">
  80.             </div>
  81.             <div class="col-8">
  82.                 <h6 class="step-title">④ お届け先を選択</h6>
  83.                 <p class="small">デフォルトのお届け先を変更したい場合は、「変更」ボタンを押して、お届け先を選択してください。</p>
  84.                 <p class="small mb-4">会員登録されたご住所以外に送る場合は、新しいお届け先を追加して下さい。</p>
  85.                 <p class="small">会員登録をせずにお買い物をされる方は、ここでお届け先を入力してください。</p>
  86.             </div>
  87.         </div>
  88.         <div class="step row">
  89.             <div class="col-4">
  90.                 <img src="{{ asset('assets/img/user-guide/konyu_05.jpg') }}" alt="配送方法・お支払い方法を指定">
  91.             </div>
  92.             <div class="col-8">
  93.                 <h6 class="step-title">⑤ 配送方法・お支払い方法を指定</h6>
  94.                 <p class="small">配送方法・お支払い方法を選択して下さい。</p>
  95.                 <p class="small">配送方法について詳しくは<a href="#souryou">コチラ</a></p>
  96.                 <p class="small">お支払い方法について詳しくは<a href="#shiharai">コチラ</a></p>
  97.                 <p class="small">※何かありましたら、「その他お問い合わせ」にご記入下さい。</p>
  98.             </div>
  99.         </div>
  100.         <div class="step row">
  101.             <div class="col-4">
  102.                 <img src="{{ asset('assets/img/user-guide/konyu_06.jpg') }}" alt="入力内容のご確認">
  103.             </div>
  104.             <div class="col-8">
  105.                 <h6 class="step-title">⑥ 入力内容のご確認</h6>
  106.                 <p class="small">送料込みの合計が表示されます。</p>
  107.                 <p class="small">ご入力いただいた情報に間違いが無いかどうかご確認ください。</p>
  108.                 <p class="small">「注文する」を押すと、ご購入が決定します。</p>
  109.             </div>
  110.         </div>
  111.         <div class="step row">
  112.             <div class="col-4">
  113.                 <img src="{{ asset('assets/img/user-guide/konyu_07.jpg') }}" alt="注文完了">
  114.             </div>
  115.             <div class="col-8">
  116.                 <h6 class="step-title">⑦注文完了</h6>
  117.                 <p class="small">「ご注文完了」画面が表示されます。以上でショッピングカートでの注文手続きが完了し、ご入力いただいたメールアドレス宛に自動的に「ご注文内容の確認」メールをお送りいたします。</p>
  118.                 <p class="small">メールが届かない場合はトラブルの可能性もありますので、大変お手数ですがコチラよりお問い合わせください。</p>
  119.                 <br>
  120.                 <p class="small">※ドメイン指定受信、メール指定受信ご利用の方は「@blhrri-shop.com信できるよう予め設定しておいてください。</p>
  121.             </div>
  122.         </div>
  123.         <h2 class="guide-title h2_midashi" id="touroku">★ 会員登録について</h2>
  124.         <p class="mt-4 small">「部落解放・人権研究所オンラインショップ」に会員登録していただくと、お客様専用ページをご利用いただけます。<br>
  125.             ・一度ご登録いただくと、お客様情報を毎回ご入力いただく手間が省け、商品のご注文が簡単になります。<br>
  126.             ・過去のお買い物履歴などもご確認いただけます。
  127.         </p><br>
  128.         <p class="font_red small">※この「会員登録」は「部落解放・人権研究所会員登録」ではありません。この購入履歴や別途配送先登録、メルマガ案内などオンラインショップを便利に利用していただくものです。くれぐれも誤解のないようお願いいたします。<br>
  129.             「部落解放・人権研究所会員」入会手続きの場合はお手数をおかけしますが、<a href="{{ url('product_list') }}?category_id=6">CATEGORIES&gt;BLHRRI会費&gt;正会員A・正会員B ・正会員学生・賛助会員</a>より会費支払いをお済ませください。
  130.         </p>
  131.         <div class="step row mt-4">
  132.             <div class="col-4">
  133.                 <img src="{{ asset('assets/img/user-guide/kaiin_01.jpg') }}" alt="会員登録(入力ページ)">
  134.             </div>
  135.             <div class="col-8">
  136.                 <h6 class="step-title">① 会員登録(入力ページ)</h6>
  137.                 <p class="small"><a href="{{ url('entry') }}">こちらの画面</a>より会員登録していただけます。</p>
  138.                 <p class="small">お客様に商品をお届けするための情報をご入力いただきます。</p>
  139.                 <p class="small">※は入力必須項目です。</p>
  140.             </div>
  141.         </div>
  142.         <div class="step row">
  143.             <div class="col-4">
  144.                 <img src="{{ asset('assets/img/user-guide/kaiin_02.jpg') }}" alt="会員登録について">
  145.             </div>
  146.             <div class="col-8">
  147.                 <h6 class="step-title">② 会員登録について</h6>
  148.                 <p class="small">ご利用規約を確認し、チェックボックスにチェックを入れてから「同意する」を押してください。</p>
  149.             </div>
  150.         </div>
  151.         <div class="step row">
  152.             <div class="col-4">
  153.                 <img src="{{ asset('assets/img/user-guide/kaiin_03.jpg') }}" alt="お客様情報の確認">
  154.             </div>
  155.             <div class="col-8">
  156.                 <h6 class="step-title">③ お客様情報の確認</h6>
  157.                 <p class="small">ご入力いただきましたお客様情報をご確認いただきます。</p>
  158.                 <p class="small">よろしければ「会員登録をする」を押して下さい。</p>
  159.             </div>
  160.         </div>
  161.         <div class="step row">
  162.             <div class="col-4">
  163.                 <img src="{{ asset('assets/img/user-guide/kaiin_04.jpg') }}" alt="登録完了(仮会員)">
  164.             </div>
  165.             <div class="col-8">
  166.                 <h6 class="step-title">④ 登録完了(仮会員)</h6>
  167.                 <p class="small">現在仮会員の状態です。</p>
  168.                 <p class="small">ご入力いただいたメールアドレス宛てに、ご連絡が届いておりますのでご確認下さい。</p><br>
  169.                 <p class="small">※ドメイン指定受信、メール指定受信ご利用の方は「@blhrri-shop.com」からのメールを受信できるよう予め設定しておいてください。</p>
  170.             </div>
  171.         </div>
  172.         <div class="step row">
  173.             <div class="col-4">
  174.                 <img class="mb-3" src="{{ asset('assets/img/user-guide/kaiin_05.jpg') }}" alt="登録完了(本会員)">
  175.                 <img src="{{ asset('assets/img/user-guide/kaiin_05-2.jpg') }}" alt="登録完了(本会員)2">
  176.             </div>
  177.             <div class="col-8">
  178.                 <h6 class="step-title">⑤ 登録完了(本会員)</h6>
  179.                 <p class="small">メールに記載のURLをクリックしてください。</p>
  180.                 <p class="small">「本登録が完了いたしました。」という画面が表示されます。</p>
  181.                 <p class="small">また、ご登録いただいたアドレス宛に「会員登録が完了しました。」というメールが送信されます。</p>
  182.                 <p class="small">お買い物をお楽しみください。</p>
  183.             </div>
  184.         </div>
  185.         {# ★ ドメイン指定について #}
  186.         <h2 class="guide-title h2_midashi" id="domain">★ ドメイン指定について</h2>
  187.         <p class="small mt-4">ドメイン指定受信、メール指定受信ご利用の方は、下記ドメインを受信できるよう設定してください。<br>
  188.         「blhrri-shop.com」</p>
  189.         {# ★ 送料について #}
  190.         <h2 class="guide-title h2_midashi" id="souryou">★ 送料について</h2>
  191.         <div class="info-box small mt-4">
  192.             <p><strong><p class="start-color d-inline">◆</p> 出版物・DVDをご購入の場合は、商品代金とは別に送料をお支払頂きます。(※発送は日本国内に限ります。)</strong></p>
  193.             <p>日本郵便の「ゆうメール特別運賃」にて発送致します。</p>
  194.             <p>1配送分の総重量によって、下記の重量区分に従った送料をお支払いいただきます。(全国一律)</p>
  195.             <p>「ゆうメール」の重量制限が1kg以内のため、総重量が1kgを超える場合、2つ以上の封筒に分けて発送いたします。</p>
  196.         </div>
  197.         <h4 class="mt-4 komidashi ms-5 small fw-bold">全国一律</h4>
  198.         <table class="table-custom ms-5">
  199.             <thead>
  200.                 <tr>
  201.                     <th>〜100g</th>
  202.                     <th>〜150g</th>
  203.                     <th>〜250g</th>
  204.                     <th>〜500g</th>
  205.                     <th>〜1kg</th>
  206.                 </tr>
  207.             </thead>
  208.             <tbody>
  209.                 <tr>
  210.                     <td>¥98</td>
  211.                     <td>¥99</td>
  212.                     <td>¥101</td>
  213.                     <td>¥103</td>
  214.                     <td>¥146</td>
  215.                 </tr>
  216.             </tbody>
  217.         </table>
  218.         <div class="info-box mt-4 small">
  219.             <p><p class="start-color d-inline">◆</p> 「講座・イベント」のお申し込みや、「BLHRRI会費」については、送料は必要ありません。</p>
  220.         </div>
  221.         {# ★お支払い方法・お支払期限について  #}
  222.         <h2 class="guide-title h2_midashi" id="shiharai">★ お支払い方法・お支払期限について</h2>
  223.         <div class="info-box small mt-4">
  224.             <p><p class="start-color d-inline">◆</p> お支払いは、クレジットカード決済/コンビニ決済からお選びください。</p>
  225.             <p><p class="start-color d-inline">◆</p> コンビニ支払いはご入金確認後の発送となります。</p>
  226.         </div>
  227.         <h4 class="mt-4 komidashi ms-5 fw-bold">クレジットカード決済</h4>
  228.         <ul class="small ms-5">
  229.             <li>VISA、MasterCard、JCB、AMERICAN EXPRESS(AMEX)、Diners Club Internationalからお選びください。</li>
  230.             <li>必ず、お申し込み者ご本人名義のカードをご使用ください。</li>
  231.             <li>1回払いのみ、ご利用いただけます。</li>
  232.             <li>ご利用カード会社の会員規約に基づき、ご指定の預金口座からの引き落としになります。</li>
  233.             <li>国際セキュリティ基準をクリアしたPaygentのシステムを使用しています。</li>
  234.         </ul>
  235.         <h4 class="mt-4 komidashi ms-5 fw-bold">コンビニ決済</h4>
  236.         <ul class="small ms-5">
  237.             <li>日本全国の主要コンビニエンスストアでご利用可能です。<br>
  238.  (セブンイレブン、ファミリーマート、ローソン、ミニストップ、サークルK、サンクス、セイコーマート)</li>
  239.             <li>ご注文いただいた日から7日以内にお近くのコンビニ店舗にてお支払いください。</li>
  240.         </ul>
  241.         {# ★商品のお届けについて #}
  242.         <h2 class="guide-title h2_midashi" id="otodoke">★ 商品のお届けについて</h2>
  243.         <div class="info-box small mt-4">
  244.             <ul>
  245.                 <li> 商品のお届けはご入金が確認できてから一週間前後です。</li>
  246.                 <li> 商品お届けは日本国内に限らせていただきます。(海外へのお届けはできません)</li>
  247.             </ul>
  248.         </div>
  249.         {# 返品・交換・キャンセルについて #}
  250.         <h2 class="guide-title h2_midashi" id="henpin">★ 返品・交換・キャンセルについて</h2>
  251.         <div class="info-box small mt-4">
  252.             <ul>
  253.                 <li> 商品の返品・交換には不良品の場合以外では応じられません。</li>
  254.                 <li> 不良品、発送商品間違いの場合、当店着払いにて対応いたします。商品が到着後7日以内にご連絡ください。</li>
  255.                 <li> キャンセルされるなどオンラインショップ担当との連絡は、「お問い合わせ」もしくは購入時に発送させていただいていますメール下部の連絡メールアドレスをご利用ください。</li>
  256.             </ul>
  257.             <p class="font_red">※ご注意:BLHRRI会費のお支払いにつきましては、年間契約のため、<br>
  258.        途中解約の場合も返金不可となりますのでご注意下さい。</p>
  259.         </div>
  260.         {# お問い合わせについて  #}
  261.         <h2 class="guide-title h2_midashi" id="toiawase">★ お問い合わせについて</h2>
  262.         <h4 class="mt-4 komidashi ms-5 fw-bold">お電話でのお問い合わせ</h4>
  263.         <span class="small ms-5">TEL:06-6581-8530</span>
  264.         <h4 class="mt-4 komidashi ms-5 fw-bold">メールでのお問い合わせ</h4>
  265.         <span class="small ms-5"><a href="{{ url('contact') }}" class="">こちらのお問い合わせフォーム</a>よりお願い致します。</span>
  266.         {# セキュリティについて  #}
  267.         <h2 class="guide-title h2_midashi" id="security">★ セキュリティについて</h2>
  268.         <span class="small">当サイトでは、個人情報を入力するページにおいては、第三者から見ることが出来ないようにSSL(Secure Sockets Layer)という暗号化の手法で情報を保護しています。</span>
  269.         {# 推奨環境について  #}
  270.         <h2 class="guide-title h2_midashi" id="kankyo">★ 推奨環境について</h2>
  271.         <p class="small">本サイトは、以下の環境で動作確認をしております。</p>
  272.         <p class="fw-bold small">【Windows】</p>
  273.         <ul>
  274.             <li>Microsoft Windows 10 以降の OS を搭載したパソコン上で動作する<br>
  275.                 Microsoft Edge 最新版、Firefox 最新版、Google Chrome 最新版
  276.             </li>
  277.         </ul>
  278.         <p class="fw-bold small">【Mac】</p>
  279.         <ul>
  280.             <li>Mac OS を搭載したパソコン上で動作する Safari14 以降</li>
  281.         </ul>
  282.         <br><br>
  283.         
  284.     </div>
  285. {% endblock %}