| {# |
| {# |
| 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 %} |
| |
| |