app/template/user_data/shopping_guide_mypage_02.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block main %}
  4. <div class="ec-ContentsRole">
  5.     <div class="breadcrumb">
  6.         <ol itemscope itemtype="https://schema.org/BreadcrumbList">
  7.             <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  8.                 <a itemprop="item" href="{{ url('homepage') }}">
  9.                     <span itemprop="name">ミリオンストア・トップページ</span></a>
  10.                 <meta itemprop="position" content="1" />
  11.             </li>
  12.             <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  13.                 <a itemprop="item" href="{{ url('homepage') }}shopping-guide/">
  14.                     <span itemprop="name">ご利用ガイド</span></a>
  15.                 <meta itemprop="position" content="2" />
  16.             </li>
  17.             <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  18.                 <a itemprop="item" href="{{ url('homepage') }}shopping-guide/mypage/">
  19.                     <span itemprop="name">マイページ・設定方法</span></a>
  20.                 <meta itemprop="position" content="3" />
  21.             </li>
  22.             <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="last">
  23.                 <a itemprop="item" href="{{ url('homepage') }}shopping-guide/mypage/02">
  24.                     <span itemprop="name">カード情報変更・登録</span></a>
  25.                 <meta itemprop="position" content="4" />
  26.             </li>
  27.         </ol>
  28.     </div>
  29.     <section>
  30.         <h2 class="ttl-cmn-02">マイページ・設定方法</h2>
  31.         <nav>
  32.             <ul>
  33.                 <li><a href="{{ url('homepage') }}shopping-guide/mypage">パスワード変更方法</a></li>
  34.                 <li><a href="{{ url('homepage') }}shopping-guide/mypage/02">カード情報変更・登録</a></li>
  35.                 <li><a href="{{ url('homepage') }}shopping-guide/mypage/03">定期コース発送日変更</a></li>
  36.                 <li><a href="{{ url('homepage') }}shopping-guide/mypage/04">お届け先情報追加</a></li>
  37.                 <li><a href="{{ url('homepage') }}shopping-guide/mypage/05">操作方法がわからない時は</a></li>
  38.             </ul>
  39.         </nav>
  40.         <section class="card_change">
  41.             <h3>クレジットカード登録・変更方法</h3>
  42.             <p>クレジットカードでのお支払いを希望のお客様はクレジットカード情報をご登録いただく必要があります。<br>
  43.                 また、一度登録したカードを変更する場合も以下の方法で変更してください。</p>
  44.             <p class="caution">※お時間のない方や、ネットが苦手な方のために、お電話でもお問い合わせいただけます。相談窓口(0120-229-315)までお電話ください。</p>
  45.             <section>
  46.                 <h4>クレジットカード変更の手順</h4>
  47.                 <dl>
  48.                     <dt>マイページにログインします。パスワードの再設定がまだの方は、先にパスワードの再設定をお願いします。<br>
  49.                         <a href="{{ url('homepage') }}forgot" class="scroll">＞パスワード再設定ページへ</a>
  50.                     </dt>
  51.                     <dd><img src="{{ asset('assets/img/shopping-guide/mypage/img_pwd_01.png')}}" alt="ログイン画面"></dd>
  52.                     <dt>このページのバナーもしくは、マイアカウントからカード情報編集メニューに入ります。</dt>
  53.                     <dd><img src="{{ asset('assets/img/shopping-guide/mypage/img_card_02.png')}}" alt="マイページ・メニュー画面"></dd>
  54.                     <dt>カード番号と有効期限、カード名義をご記入ください。</dt>
  55.                     <dd><img src="{{ asset('assets/img/shopping-guide/mypage/img_card_03.png')}}" alt="クレジットカード変更画面"></dd>
  56.                     <dt>「正常に更新されました」と表示されたら完了です。</dt>
  57.                     <dd><img src="{{ asset('assets/img/shopping-guide/mypage/img_card_04.png')}}" alt="クレジットカード再変更完了画面"></dd>
  58.                 </dl>
  59.             </section>
  60.             <div class="button"><a href="{{ url('homepage') }}mypage/gmo_card_edit"><img
  61.                         src="{{ asset('assets/img/shopping-guide/mypage/btn_mypage.png')}}" alt="マイページへ"></a></div>
  62.         </section>
  63.     </section>
  64. </div>
  65. <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/shopping-guide-mypage.css') }}" media="all">
  67. {% endblock %}