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

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% block main %}
  14.     <div class="ec-role ec-aboutGuide">
  15.         <div class="ec-aboutGuide__img">
  16.             <img class="show-resultPC" src="{{ asset('assets/img/common/guide1.png') }}" alt=""/>
  17.             <img class="show-resultSP" src="{{ asset('assets/img/common/guide1-sp.png') }}" alt=""/>
  18.         </div>
  19.         <div class="ec-aboutGuide__topDesc">
  20.             <dl>
  21.                 <dt>
  22.                     <p>{{ 'ようこそ'|trans }}</p>
  23.                     <p>{{ '〈スリーエム通販ショップ〉へ'|trans }}</p>
  24.                 </dt>
  25.                 <dd>
  26.                     <p>{{ '紳士服の生地の販売から始まったスリーエムは数多くの挑戦を続けてまいり、その結果、アパレルの製造販売、メガネ・補聴器の販売をはじめ、取り扱う製品が多岐に渡ってまいりました。これからも弊社が産み出す製品で、みなさまの未来を幸せで満たすお手伝いがしたいと考えています。'|trans }}</p>
  27.                 </dd>
  28.             </dl>
  29.         </div>
  30.     </div>
  31.     <div class="ec-blockspliter"></div>
  32.     <div class="ec-role ec-aboutSection ec-aboutGuideRegistration">
  33.         <h5>{{ 'Member Registration'|trans }}</h5>
  34.         <p>{{ '会員登録案内'|trans }}</p>
  35.     </div>
  36.     <div class="ec-blockspliter"></div>
  37.     <div class="ec-role ec-aboutGuideRegistration__content">
  38.         <dl>
  39.             <dt class="about-icon">
  40.                 <p>{{ 'オンラインショップにおける全機能をご利用いただくには、会員登録（無料）が必要です。'|trans }}</p>
  41.             </dt>
  42.         </dl>
  43.     </div>
  44.     <div class="ec-role ec-aboutGuideRegistration__content1">
  45.         <dl>
  46.             <dt>
  47.                 <p>{{ 'オンラインショップ会員機能'|trans }}</p>
  48.                 <p>{{ '（マイページ）'|trans }}</p>
  49.             </dt>
  50.             <dd>
  51.                 <div class="guideCard">
  52.                     <img src="{{ asset('assets/img/common/guide2.svg') }}" alt=""/>
  53.                     <span>
  54.                         <h3>{{ 'お手続きが便利に'|trans }}</h3>
  55.                         <p>{{ '会員登録いただくと、次回のご注文から、住所などの入力の手間が省けます。住所変更も簡単です。'|trans }}</p>
  56.                     </span>
  57.                 </div>
  58.                 <div class="guideCard">
  59.                     <img src="{{ asset('assets/img/common/guide3.svg') }}" alt=""/>
  60.                     <span>
  61.                         <h3>{{ 'ご注文履歴'|trans }}</h3>
  62.                         <p>{{ 'オンラインショップ でのご注文履歴をご確認いただけます。注文履歴からいつもの商品を簡単にご注文も。'|trans }}</p>
  63.                     </span>
  64.                 </div>
  65.                 <div class="guideCard">
  66.                     <img src="{{ asset('assets/img/common/guide4.svg') }}" alt=""/>
  67.                     <span>
  68.                         <h3>{{ 'お気に入り'|trans }}</h3>
  69.                         <p>{{ '気になった商品をお気に入りに登録しておけば、次回のお買い物の際、簡単にご注文いただけます。'|trans }}</p>
  70.                     </span>
  71.                 </div>
  72.             </dd>
  73.         </dl>
  74.     </div>
  75.     <div class="ec-blockspliter"></div>
  76.     <div class="ec-role ec-aboutSection ec-aboutGuideRegistration">
  77.         <h5>{{ 'Flow'|trans }}</h5>
  78.         <d>{{ 'ご注文の流れ'|trans }}</d>
  79.     </div>
  80.     <div class="ec-blockspliter"></div>
  81.     <div class="ec-role ec-aboutGuideRegistration__content flowNum flowNum1">
  82.         <div>01</div>
  83.         <p>{{ '会員ログインのうえ、商品をカテゴリやキーワードなど、目的に応じて商品を検索してください。'|trans }}</p>
  84.     </div>
  85.     <div class="ec-role ec-aboutGuideRegistration__content1">
  86.         <dl>
  87.             <dd>
  88.                 <div class="guideCard-01">
  89.                     <span>
  90.                         <div class="guideCard-01__title">
  91.                             <img src="{{ asset('assets/img/common/guideicon-grid.svg') }}" alt="" />
  92.                             <h3>{{ '商品カテゴリで探す'|trans }}</h3>
  93.                         </div>
  94.                         <p class="show-resultPC">{{ 'メニューのボタンをクリックで、商品カテゴリが表示されます。
  95. お希望の商品カテゴリを選択し、お買い物をお楽しみください。'|trans }}</p>
  96.                         <p class="show-resultSP">{{ '画面最下部のボタンをタップで、商品カテゴリが表示されます。
  97. お希望の商品カテゴリを選択し、お買い物をお楽しみください。'|trans }}</p>
  98.                     </span>
  99.                     <img class="show-resultPC" src="{{ asset('assets/img/common/guide5-a.svg') }}" alt=""/>
  100.                     <img class="show-resultSP" src="{{ asset('assets/img/sp/common/guide5-a.png') }}" alt=""/>
  101.                 </div>
  102.             </dd>
  103.         </dl>
  104.         <dl>
  105.             <dd>
  106.                 <div class="guideCard-01">
  107.                     <span>
  108.                         <div class="guideCard-01__title">
  109.                             <img src="{{ asset('assets/img/common/guideicon.svg') }}" alt="" />
  110.                             <h3>{{ 'キーワードで探す'|trans }}</h3>
  111.                         </div>
  112.                         <p class="show-resultPC">{{ 'メニューの検索ウインドウに検索したい商品の
  113. キーワードや商品名を入力し、「検索する」ボタンで検索してください。'|trans }}</p>
  114.                         <p class="show-resultSP">{{ '画面右上タップから表示されるメニュー内の検索ウインドウに検索したい商品のキーワードや商品名を入力し、検索してください。'|trans }}</p>
  115.                     </span>
  116.                     <img class="show-resultPC" src="{{ asset('assets/img/common/guide6-a.svg') }}" alt=""/>
  117.                     <img class="show-resultSP" src="{{ asset('assets/img/sp/common/guide6-a.svg') }}" alt=""/>
  118.                 </div>
  119.             </dd>
  120.         </dl>
  121.     </div>
  122.     <div class="ec-role ec-aboutGuideRegistration__content flowNum">
  123.         <div>02</div>
  124.         <p>{{ '商品を選んでカートに入れてください。'|trans }}</p>
  125.     </div>
  126.     <div class="ec-role ec-aboutGuideRegistration__content1">
  127.         <dl>
  128.             <dd>
  129.                 <div class="guideCard-02">
  130.                     <span>
  131.                         <p>{{ 'カラー、数量等の必要項目を選択のうえ、カートに入れてください。'|trans }}</p>
  132.                     </span>
  133.                     <img class="show-resultPC" src="{{ asset('assets/img/common/guide7-a.svg') }}" alt=""/>
  134.                     <img class="show-resultSP" src="{{ asset('assets/img/sp/common/guide7-a.svg') }}" alt=""/>
  135.                 </div>
  136.             </dd>
  137.         </dl>
  138.     </div>
  139.     <div class="ec-role ec-aboutGuideRegistration__content flowNum">
  140.         <div>03</div>
  141.         <p>{{ 'カートの内容を確認してください。'|trans }}</p>
  142.     </div>
  143.     <div class="ec-role ec-aboutGuideRegistration__content1">
  144.         <dl>
  145.             <dd>
  146.                 <div class="guideCard-03">
  147.                     <span>
  148.                         <p>{{ 'カートページに移り、ご注文内容に問題がないかご確認ください'|trans }}</p>
  149.                     </span>
  150.                     <img class="show-resultPC" src="{{ asset('assets/img/common/guide8-a.svg') }}" alt=""/>
  151.                     <img class="show-resultSP" src="{{ asset('assets/img/sp/common/guide8-a.svg') }}" alt=""/>
  152.                 </div>
  153.             </dd>
  154.         </dl>
  155.     </div>
  156.     <div class="ec-role ec-aboutGuideRegistration__content flowNum">
  157.         <div>04</div>
  158.         <p>{{ 'お届け・お支払い情報を選択してください。'|trans }}</p>
  159.     </div>
  160.     <div class="ec-role ec-aboutGuideRegistration__content1">
  161.         <dl>
  162.             <dd>
  163.                 <div class="guideCard-04">
  164.                     <span>
  165.                         <p class="show-resultPC">{{ 'お支払い方法などを選択し、「確認する」ボタンをクリックしてください。'|trans }}<br/>{{ 'カード払いをご選択の方は次の画面でカード番号をご入力ください。'|trans }}</p>
  166.                         <p class="show-resultSP">{{ 'お支払い方法などを選択し、「確認する」ボタンをタップしてください。カード払いをご選択の方は次の画面でカード番号をご入力ください。'|trans }}</p>
  167.                     </span>
  168.                     <img class="show-resultPC" src="{{ asset('assets/img/common/guide9-a.svg') }}" alt=""/>
  169.                     <img class="show-resultSP" src="{{ asset('assets/img/sp/common/guide9-a.svg') }}" alt=""/>
  170.                 </div>
  171.             </dd>
  172.         </dl>
  173.     </div>
  174.     <div class="ec-role ec-aboutGuideRegistration__content flowNum">
  175.         <div>05</div>
  176.         <p>{{ 'ご注文内容をご確認ください。'|trans }}</p>
  177.     </div>
  178.     <div class="ec-role ec-aboutGuideRegistration__content1">
  179.         <dl>
  180.             <dd>
  181.                 <div class="guideCard-05">
  182.                     <span>
  183.                         <p class="show-resultPC">{{ 'ご入力内容に問題がなければ「注文を確定する」ボタンをクリックで注文が完了します。'|trans }}</p>
  184.                         <p class="show-resultSP">{{ 'ご入力内容に問題がなければ「注文を確定する」ボタンをタップで注文が完了します。'|trans }}</p>
  185.                     </span>
  186.                     <img class="show-resultPC" src="{{ asset('assets/img/common/guide10-a.svg') }}" alt=""/>
  187.                     <img class="show-resultSP" src="{{ asset('assets/img/sp/common/guide10-a.svg') }}" alt=""/>
  188.                 </div>
  189.             </dd>
  190.         </dl>
  191.     </div>
  192.     <div class="ec-role guideConfirmBtn">
  193.         <span>
  194.             <div class="guideInfo"><img src="{{ asset('assets/img/common/info.svg') }}" alt=""/></div>
  195.             <dd>
  196.                 <p>{{ 'お届けやお支払い方法について詳しくは、「ご利用ガイド」ページよりご確認ください。'|trans }}</p>
  197.             </dd>
  198.         </span>
  199.         <a href="{{ url('help_about') }}">
  200.             <button type="button" class="ec-blockBtn--action">
  201.                 {{ 'ご利用ガイドはこちら'|trans }}
  202.             </button>
  203.         </a>
  204.     </div>
  205.     <div class="ec-blockspliter"></div>
  206.     <div class="ec-blockempty register-block"></div>
  207. {% endblock %}