Before - 変更前 After - 変更後
{# {#
This file is part of EC-CUBE This file is part of EC-CUBE
   
Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
   
https://www.ec-cube.co.jp/ https://www.ec-cube.co.jp/
   
For the full copyright and license information, please view the LICENSE For the full copyright and license information, please view the LICENSE
file that was distributed with this source code. file that was distributed with this source code.
#} #}
{% extends 'default_frame.twig' %} {% extends 'default_frame.twig' %}
   
{% set body_class = 'cart_page' %} {% set body_class = 'cart_page' %}
   
{% form_theme form 'Form/form_div_layout.twig' %} {% form_theme form 'Form/form_div_layout.twig' %}
   
{% block javascript %} {% block javascript %}
<script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script> <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
{% endblock javascript %} {% endblock javascript %}
   
{% block main %} {% block main %}
   
<div class="ec-customerRole"> <div class="ec-customerRole">
   <div class="ec-pageHeader">    <div class="ec-pageHeader">
       <h1>{{ 'お客様情報の入力'|trans }}</h1>        <h1>{{ 'お客様情報の入力'|trans }}</h1>
   </div>    </div>
   <div class="ec-cartRole">    <div class="ec-cartRole">
       <div class="ec-cartRole__progress">        <div class="ec-cartRole__progress">
           <ul class="ec-progress">            <ul class="ec-progress">
               {% set step = 1 %}                {% set step = 1 %}
               <li class="ec-progress__item">                <li class="ec-progress__item">
                   <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}                    <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
                   </div>                    </div>
                   <div class="ec-progress__label">{{ 'カートの商品'|trans }}                    <div class="ec-progress__label">{{ 'カートの商品'|trans }}
                   </div>                    </div>
               </li>                </li>
               {% if is_granted('ROLE_USER') == false %}                {% if is_granted('ROLE_USER') == false %}
                   <li class="ec-progress__item is-complete">                    <li class="ec-progress__item is-complete">
                       <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}                        <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
                       </div>                        </div>
                       <div class="ec-progress__label">{{ 'お客様情報'|trans }}                        <div class="ec-progress__label">{{ 'お客様情報'|trans }}
                       </div>                        </div>
                   </li>                    </li>
               {% endif %}                {% endif %}
               <li class="ec-progress__item">                <li class="ec-progress__item">
                   <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}                    <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
                   </div>                    </div>
                   <div class="ec-progress__label">{{ 'ご注文手続き'|trans }}                    <div class="ec-progress__label">{{ 'ご注文手続き'|trans }}
                   </div>                    </div>
               </li>                </li>
               <li class="ec-progress__item">                <li class="ec-progress__item">
                   <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}                    <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
                   </div>                    </div>
                   <div class="ec-progress__label">{{ 'ご注文内容確認'|trans }}                    <div class="ec-progress__label">{{ 'ご注文内容確認'|trans }}
                   </div>                    </div>
               </li>                </li>
               <li class="ec-progress__item">                <li class="ec-progress__item">
                   <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}                    <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
                   </div>                    </div>
                   <div class="ec-progress__label">{{ '完了'|trans }}                    <div class="ec-progress__label">{{ '完了'|trans }}
                   </div>                    </div>
               </li>                </li>
           </ul>            </ul>
       </div>        </div>
   </div>    </div>
   
   <div class="ec-off1Grid">    <div class="ec-off1Grid">
       <div class="ec-off1Grid__cell">        <div class="ec-off1Grid__cell">
           <form method="post" action="{{ url('shopping_nonmember') }}" class="h-adr">            <form method="post" action="{{ url('shopping_nonmember') }}" class="h-adr">
           <span class="p-country-name" style="display:none;">Japan</span>            <span class="p-country-name" style="display:none;">Japan</span>
           {{ form_widget(form._token) }}            {{ form_widget(form._token) }}
           <div class="ec-borderedDefs">            <div class="ec-borderedDefs">
               <dl>                <dl>
                   <dt>                    <dt>
                       {{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }}                        {{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }}
                   </dt>                    </dt>
                   <dd>                    <dd>
                       <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error'}}">                        <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error'}}">
                           {{ form_widget(form.name.name01, { 'attr': { 'placeholder': '姓' }}) }}                            {{ form_widget(form.name.name01, { 'attr': { 'placeholder': '姓' }}) }}
                           {{ form_widget(form.name.name02, { 'attr': { 'placeholder': '名' }}) }}                            {{ form_widget(form.name.name02, { 'attr': { 'placeholder': '名' }}) }}
                           {{ form_errors(form.name.name01) }}                            {{ form_errors(form.name.name01) }}
                           {{ form_errors(form.name.name02) }}                            {{ form_errors(form.name.name02) }}
                       </div>                        </div>
                   </dd>                    </dd>
               </dl>                </dl>
               <dl>                <dl>
                   <dt>                    <dt>
                       {{ form_label(form.kana, 'お名前(カナ)', { 'label_attr': { 'class': 'ec-label' }}) }}                        {{ form_label(form.kana, 'お名前(カナ)', { 'label_attr': { 'class': 'ec-label' }}) }}
                   </dt>                    </dt>
                   <dd>                    <dd>
                       <div class="ec-halfInput{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error'}}">                        <div class="ec-halfInput{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error'}}">
.                            {{ form_widget(form.kana.kana01, { 'attr': { 'placeholder': 'イ' }}) }}                            {{ form_widget(form.kana.kana01, { 'attr': { 'placeholder': 'イ' }}) }}
                           {{ form_widget(form.kana.kana02, { 'attr': { 'placeholder': 'メイ' }}) }}                            {{ form_widget(form.kana.kana02, { 'attr': { 'placeholder': 'メイ' }}) }}
                           {{ form_errors(form.kana.kana01) }}                            {{ form_errors(form.kana.kana01) }}
                           {{ form_errors(form.kana.kana02) }}                            {{ form_errors(form.kana.kana02) }}
                       </div>                        </div>
                   </dd>                    </dd>
               </dl>                </dl>
               <dl>                <dl>
                   <dt>                    <dt>
                       {{ form_label(form.company_name, '会社名', { 'label_attr': { 'class': 'ec-label' }}) }}                        {{ form_label(form.company_name, '会社名', { 'label_attr': { 'class': 'ec-label' }}) }}
                   </dt>                    </dt>
                   <dd>                    <dd>
                       <div class="ec-halfInput{{ has_errors(form.company_name) ? ' error' }}">                        <div class="ec-halfInput{{ has_errors(form.company_name) ? ' error' }}">
                           {{ form_widget(form.company_name) }}                            {{ form_widget(form.company_name) }}
                           {{ form_errors(form.company_name) }}                            {{ form_errors(form.company_name) }}
                       </div>                        </div>
                   </dd>                    </dd>
               </dl>                </dl>
               <dl>                <dl>
                   <dt>                    <dt>
                       {{ form_label(form.address, '住所', { 'label_attr': { 'class': 'ec-label' }}) }}                        {{ form_label(form.address, '住所', { 'label_attr': { 'class': 'ec-label' }}) }}
                   </dt>                    </dt>
                   <dd>                    <dd>
                       <div class="ec-zipInput{{ has_errors(form.postal_code) ? ' error' }}"><span>{{ '〒'|trans }}</span>                        <div class="ec-zipInput{{ has_errors(form.postal_code) ? ' error' }}"><span>{{ '〒'|trans }}</span>
                           {{ form_widget(form.postal_code) }}                            {{ form_widget(form.postal_code) }}
                           <div class="ec-zipInputHelp">                            <div class="ec-zipInputHelp">
                               <div class="ec-zipInputHelp__icon">                                <div class="ec-zipInputHelp__icon">
                                   <div class="ec-icon"><img                                    <div class="ec-icon"><img
                                               src="{{ asset('assets/icon/question-white.svg') }}" alt="">                                                src="{{ asset('assets/icon/question-white.svg') }}" alt="">
                                   </div>                                    </div>
.                                </div><a href="http://www.post.japanpost.jp/zipcode/" target="_blank"><span>{{ '郵便番号検索'|trans }}</span></a>                                </div><a href="https://www.post.japanpost.jp/zipcode/" target="_blank"><span>{{ '郵便番号検索'|trans }}</span></a>
                           </div>                            </div>
                           {{ form_errors(form.postal_code) }}                            {{ form_errors(form.postal_code) }}
                       </div>                        </div>
   
                       <div class="ec-select{{ has_errors(form.address.pref) ? ' error' }}">                        <div class="ec-select{{ has_errors(form.address.pref) ? ' error' }}">
                           {{ form_widget(form.address.pref) }}                            {{ form_widget(form.address.pref) }}
                           {{ form_errors(form.address.pref) }}                            {{ form_errors(form.address.pref) }}
                       </div>                        </div>
                       <div class="ec-input{{ has_errors(form.address.addr01) ? ' error' }}">                        <div class="ec-input{{ has_errors(form.address.addr01) ? ' error' }}">
                           {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '市区町村名(例:大阪市北区)' }}) }}                            {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '市区町村名(例:大阪市北区)' }}) }}
                           {{ form_errors(form.address.addr01) }}                            {{ form_errors(form.address.addr01) }}
                       </div>                        </div>
                       <div class="ec-input{{ has_errors(form.address.addr02) ? ' error' }}">                        <div class="ec-input{{ has_errors(form.address.addr02) ? ' error' }}">
                           {{ form_widget(form.address.addr02,  { 'attr': { 'placeholder': '番地・ビル名(例:西梅田1丁目6-8)' }}) }}                            {{ form_widget(form.address.addr02,  { 'attr': { 'placeholder': '番地・ビル名(例:西梅田1丁目6-8)' }}) }}
                           {{ form_errors(form.address.addr02) }}                            {{ form_errors(form.address.addr02) }}
                       </div>                        </div>
                   </dd>                    </dd>
               </dl>                </dl>
               <dl>                <dl>
                   <dt>                    <dt>
                       {{ form_label(form.phone_number, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }}                        {{ form_label(form.phone_number, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }}
                   </dt>                    </dt>
                   <dd>                    <dd>
                       <div class="ec-telInput{{ has_errors(form.phone_number) ? ' error' }}">                        <div class="ec-telInput{{ has_errors(form.phone_number) ? ' error' }}">
                           {{ form_widget(form.phone_number) }}                            {{ form_widget(form.phone_number) }}
                           {{ form_errors(form.phone_number) }}                            {{ form_errors(form.phone_number) }}
                       </div>                        </div>
                   </dd>                    </dd>
               </dl>                </dl>
               <dl>                <dl>
                   <dt>                    <dt>
                       {{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label' }}) }}                        {{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label' }}) }}
                   </dt>                    </dt>
                   <dd>                    <dd>
                       <div class="ec-input{{ has_errors(form.email.first) ? ' error' }}">                        <div class="ec-input{{ has_errors(form.email.first) ? ' error' }}">
                           {{ form_widget(form.email.first, { 'attr': { 'placeholder': '例:ec-cube@example.com' }}) }}                            {{ form_widget(form.email.first, { 'attr': { 'placeholder': '例:ec-cube@example.com' }}) }}
                           {{ form_errors(form.email.first) }}                            {{ form_errors(form.email.first) }}
                       </div>                        </div>
                       <div class="ec-input{{ has_errors(form.email.second) ? ' error' }}">                        <div class="ec-input{{ has_errors(form.email.second) ? ' error' }}">
                           {{ form_widget(form.email.second, { 'attr': { 'placeholder': '確認のためもう一度入力してください' }}) }}                            {{ form_widget(form.email.second, { 'attr': { 'placeholder': '確認のためもう一度入力してください' }}) }}
                           {{ form_errors(form.email.second) }}                            {{ form_errors(form.email.second) }}
                       </div>                        </div>
                   </dd>                    </dd>
               </dl>                </dl>
           </div>            </div>
           <div class="ec-RegisterRole__actions">            <div class="ec-RegisterRole__actions">
               <div class="ec-off4Grid">                <div class="ec-off4Grid">
                   <div class="ec-off4Grid__cell">                    <div class="ec-off4Grid__cell">
                       <button type="submit" class="ec-blockBtn--action">{{ '次へ'|trans }}</button>                        <button type="submit" class="ec-blockBtn--action">{{ '次へ'|trans }}</button>
                       <a class="ec-blockBtn--cancel" href="{{ url('cart') }}">{{ '戻る'|trans }}</a>                        <a class="ec-blockBtn--cancel" href="{{ url('cart') }}">{{ '戻る'|trans }}</a>
                   </div>                    </div>
               </div>                </div>
           </div>            </div>
       </form>        </form>
       </div>        </div>
   </div>    </div>
</div> </div>
{% endblock %} {% endblock %}