app/template/user_data/amazonpay.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% block main %}
  3. <div class="xs-gutter">
  4.     <div class="help-content-container">
  5.         <h1>{{ 'AmazonPayについて'|trans }}</h1>
  6.         <p class="help-content-container__body mt-6">
  7.             Amazon.co.jpに登録されたクレジットカード情報やお届け先住所を使って簡単にご注文が可能です。
  8.         </p>
  9.         <div class="mt-9">
  10.             <h2 class="fs-3">1.ショッピングカートの「amazonPay」ボタンをクリックする</h2>
  11.             <img src="{{ asset('assets/img/amazonpay/buy_img01.jpg', 'user_data') }}" alt="1.ショッピングカートの「amazonPay」ボタンをクリックする" class="img-fluid help-content-container__amazonpay-img mt-4" width="100%" height="auto">  
  12.         </div>
  13.         <div class="mt-9">
  14.             <h2 class="fs-3">2.Amazonのログイン画面に遷移しますのでAmazonのIDとパスワードでログインをしてください</h2>
  15.             <img src="{{ asset('assets/img/amazonpay/buy_img02.jpg', 'user_data') }}" alt="2.Amazonのログイン画面に遷移しますのでAmazonのIDとパスワードでログインをしてください" class="img-fluid help-content-container__amazonpay-img mt-4" width="100%" height="auto">  
  16.         </div>
  17.         <div class="mt-9">
  18.             <h2 class="fs-3">3.電材 Blue Woodのご注文確認画面にAmazonPayにご登録の情報が表示されますのでお支払方法・お届け先等の指定をご確認ください。</h2>
  19.             <img src="{{ asset('assets/img/amazonpay/buy_img02.jpg', 'user_data') }}" alt="3.電材 Blue Woodのご注文確認画面にAmazonPayにご登録の情報が表示されますのでお支払方法・お届け先等の指定をご確認ください。" class="img-fluid help-content-container__amazonpay-img mt-4" width="100%" height="auto">  
  20.         </div>
  21.         <div class="mt-9">
  22.             <h2 class="fs-3">4.ご注文お手続きの完了をおねがいします。</h2>
  23.         </div>
  24.     </div>
  25. </div>
  26. {% endblock %}