app/template/default/Shopping/nonmember.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. {% set body_class = 'cart_page' %}
  15. {% form_theme form 'Form/form_div_layout.twig' %}
  17. {% block javascript %}
  18. <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  19. {% endblock javascript %}
  21. {% block main %}
  23. <section class="p-lower-mv">
  24.   <div class="inner">
  25.     <h2 class="p-lower-mv-title"><span>お客様情報の入力</span></h2>
  26.     <div class="under bread_wrap">
  27.       <ol itemscope itemtype="https://schema.org/BreadcrumbList">
  28.         <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  29.           <a itemprop="item" href="{{ url('homepage') }}">
  30.             <span class="freight-neo-pro" itemprop="name">TOP</span>
  31.           </a>
  32.           <meta itemprop="position" content="1" />
  33.         </li>
  34.         <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  35.           <a itemprop="item" href="{{ url('shopping_nonmember') }}">
  36.             <span class="freight-neo-pro" itemprop="name">お客様情報の入力</span>
  37.           </a>
  38.           <meta itemprop="position" content="2" />
  39.         </li>
  40.       </ol>
  41.     </div>
  42.     <!-- /.bread_wrap -->
  43.   </div>
  44. </section>
  46. <section class="nonmember">
  47.   <div class="inner">
  48.     <ul class="p-progress ec-progress">
  49.       {% set step = 1 %}
  50.       <li class="ec-progress__item">
  51.         <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  52.         </div>
  53.         <div class="ec-progress__label">{{ 'カートの<br>商品'|trans|raw }}
  54.         </div>
  55.       </li>
  56.       {% if is_granted('ROLE_USER') == false %}
  57.       <li class="ec-progress__item is-complete">
  58.         <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  59.         </div>
  60.         <div class="ec-progress__label">{{ 'お客様<br>情報'|trans|raw }}
  61.         </div>
  62.       </li>
  63.       {% endif %}
  64.       <li class="ec-progress__item">
  65.         <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  66.         </div>
  67.         <div class="ec-progress__label">{{ 'ご注文<br>手続き'|trans|raw }}
  68.         </div>
  69.       </li>
  70.       <li class="ec-progress__item">
  71.         <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  72.         </div>
  73.         <div class="ec-progress__label">{{ 'ご注文<br>内容確認'|trans|raw }}
  74.         </div>
  75.       </li>
  76.       <li class="ec-progress__item">
  77.         <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  78.         </div>
  79.         <div class="ec-progress__label">{{ '完了'|trans }}
  80.         </div>
  81.       </li>
  82.     </ul>
  83.     <div class="nonmember-form">
  84.       <form method="post" action="{{ url('shopping_nonmember') }}" class="h-adr">
  85.         <span class="p-country-name" style="display:none;">Japan</span>
  86.         {{ form_widget(form._token) }}
  87.         <dl class="p-form-list">
  88.           <dt>
  89.             {{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }}
  90.           </dt>
  91.           <dd>
  92.             <div class="form-half-wrap{{ has_errors(form.name.name01, form.name.name02) ? ' error'}}">
  93.               {{ form_widget(form.name.name01, { 'attr': { 'placeholder': '姓' }}) }}
  94.               {{ form_widget(form.name.name02, { 'attr': { 'placeholder': '名' }}) }}
  95.             </div>
  96.             <div class="form-error-wrap">
  97.               {{ form_errors(form.name.name01) }}
  98.               {{ form_errors(form.name.name02) }}
  99.             </div>
  100.           </dd>
  101.         </dl>
  102.         <dl class="p-form-list">
  103.           <dt>
  104.             {{ form_label(form.kana, 'お名前(カナ)', { 'label_attr': { 'class': 'ec-label' }}) }}
  105.           </dt>
  106.           <dd>
  107.             <div class="form-half-wrap{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error'}}">
  108.               {{ form_widget(form.kana.kana01, { 'attr': { 'placeholder': 'セイ' }}) }}
  109.               {{ form_widget(form.kana.kana02, { 'attr': { 'placeholder': 'メイ' }}) }}
  110.             </div>
  111.             <div class="form-error-wrap">
  112.               {{ form_errors(form.kana.kana01) }}
  113.               {{ form_errors(form.kana.kana02) }}
  114.             </div>
  115.           </dd>
  116.         </dl>
  117.         <!-- <dl class="p-form-list">
  118.           <dt>
  119.             {{ form_label(form.company_name, '会社名', { 'label_attr': { 'class': 'ec-label' }}) }}
  120.           </dt>
  121.           <dd>
  122.             <div class="ec-halfInput{{ has_errors(form.company_name) ? ' error' }}">
  123.               {{ form_widget(form.company_name) }}
  124.               {{ form_errors(form.company_name) }}
  125.             </div>
  126.           </dd>
  127.         </dl> -->
  128.         <dl class="p-form-list">
  129.           <dt>
  130.             {{ form_label(form.address, '住所', { 'label_attr': { 'class': 'ec-label' }}) }}
  131.           </dt>
  132.           <dd>
  133.             <div class="form-zip{{ has_errors(form.postal_code) ? ' error' }}"><span>{{ '〒'|trans }}</span>
  134.               {{ form_widget(form.postal_code) }}
  135.               <!-- <div class="ec-zipInputHelp">
  136.                 <div class="ec-zipInputHelp__icon">
  137.                   <div class="ec-icon"><img src="{{ asset('assets/icon/question-white.svg') }}" alt="">
  138.                   </div>
  139.                 </div><a href="https://www.post.japanpost.jp/zipcode/" target="_blank"><span>{{ '郵便番号検索'|trans }}</span></a>
  140.               </div> -->
  141.               {{ form_errors(form.postal_code) }}
  142.             </div>
  144.             <div class="form-select form-address-select{{ has_errors(form.address.pref) ? ' error' }}">
  145.               {{ form_widget(form.address.pref) }}
  146.               {{ form_errors(form.address.pref) }}
  147.             </div>
  148.             <div class="form-address-input -first{{ has_errors(form.address.addr01) ? ' error' }}">
  149.               {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '市町村名(例：尼崎市立花町)' }}) }}
  150.               {{ form_errors(form.address.addr01) }}
  151.             </div>
  152.             <div class="form-address-input -second{{ has_errors(form.address.addr02) ? ' error' }}">
  153.               {{ form_widget(form.address.addr02,  { 'attr': { 'placeholder': '番地・ビル名(例：4丁目4番21号)' }}) }}
  154.               {{ form_errors(form.address.addr02) }}
  155.             </div>
  156.           </dd>
  157.         </dl>
  158.         <dl class="p-form-list">
  159.           <dt>
  160.             {{ form_label(form.phone_number, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }}
  161.           </dt>
  162.           <dd>
  163.             <div class="form-tel{{ has_errors(form.phone_number) ? ' error' }}">
  164.               {{ form_widget(form.phone_number) }}
  165.               {{ form_errors(form.phone_number) }}
  166.             </div>
  167.           </dd>
  168.         </dl>
  169.         <dl class="p-form-list">
  170.           <dt>
  171.             {{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label' }}) }}
  172.           </dt>
  173.           <dd>
  174.             <div class="form-email -input{{ has_errors(form.email.first) ? ' error' }}">
  175.               {{ form_widget(form.email.first, { 'attr': { 'placeholder': 'sample@mail.com' }}) }}
  176.               {{ form_errors(form.email.first) }}
  177.             </div>
  178.             <div class="form-email{{ has_errors(form.email.second) ? ' error' }}">
  179.               {{ form_widget(form.email.second, { 'attr': { 'placeholder': '確認のためもう一度入力してください' }}) }}
  180.               {{ form_errors(form.email.second) }}
  181.             </div>
  182.           </dd>
  183.         </dl>
  184.         <div class="p-button form green">
  185.           <button type="submit">{{ '次へ'|trans }}</button>
  186.         </div>
  187.         <div class="p-button form white">
  188.           <a href="{{ url('cart') }}">{{ '戻る'|trans }}</a>
  189.         </div>
  190.       </form>
  191.     </div>
  192.   </div>
  193. </section>
  194. {% endblock %}