app/template/default/Contact/index.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. {% form_theme form 'Form/form_div_layout.twig' %}
  15. {% block javascript %}
  16. <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  17. {% endblock javascript %}
  19. {% block main %}
  20. <section class="p-lower-mv">
  21.   <div class="inner">
  22.     <h2 class="p-lower-mv-title"><span>お問い合わせ</span></h2>
  23.     <div class="under bread_wrap">
  24.       <ol itemscope itemtype="https://schema.org/BreadcrumbList">
  25.         <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  26.           <a itemprop="item" href="{{ url('homepage') }}">
  27.             <span class="freight-neo-pro" itemprop="name">TOP</span>
  28.           </a>
  29.           <meta itemprop="position" content="1" />
  30.         </li>
  31.         <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
  32.           <a itemprop="item" href="{{ url('contact') }}">
  33.             <span class="freight-neo-pro" itemprop="name">お問い合わせ</span>
  34.           </a>
  35.           <meta itemprop="position" content="2" />
  36.         </li>
  37.       </ol>
  38.     </div>
  39.     <!-- /.bread_wrap -->
  40.   </div>
  41. </section>
  43. <section class="contact">
  44.   <div class="inner">
  45.     <p class="contact-message">内容によっては回答をさしあげるのにお時間をいただくこともございます。<br>また、休業日は翌営業日以降の対応となりますのでご了承ください。</p>
  46.     <div class="contact-form">
  47.       <form method="post" action="{{ url('contact') }}" class="h-adr" novalidate>
  48.         <span class="p-country-name" style="display:none;">Japan</span>
  49.         {{ form_widget(form._token) }}
  50.         <dl class="p-form-list">
  51.           <dt>
  52.             {{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }}
  53.           </dt>
  54.           <dd>
  55.             <div class="form-half-wrap{{ has_errors(form.name.name01, form.name.name02) ? ' error' }}">
  56.               {{ form_widget(form.name.name01, {'attr': { 'placeholder': '姓' }}) }}
  57.               {{ form_widget(form.name.name02, {'attr': { 'placeholder': '名' }}) }}
  58.             </div>
  59.             <div class="form-error-wrap">
  60.               {{ form_errors(form.name.name01) }}
  61.               {{ form_errors(form.name.name02) }}
  62.             </div>
  63.           </dd>
  64.         </dl>
  65.         <dl class="p-form-list">
  66.           <dt>
  67.             {{ form_label(form.kana, 'お名前（カナ）', {'label_attr': {'class': 'ec-label'}}) }}
  68.           </dt>
  69.           <dd>
  70.             <div class="form-half-wrap{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error' }}">
  71.               {{ form_widget(form.kana.kana01, {'attr': { 'placeholder': 'セイ' }}) }}
  72.               {{ form_widget(form.kana.kana02, {'attr': { 'placeholder': 'メイ' }}) }}
  73.             </div>
  74.             <div class="form-error-wrap">
  75.               {{ form_errors(form.kana.kana01) }}
  76.               {{ form_errors(form.kana.kana02) }}
  77.             </div>
  78.           </dd>
  79.         </dl>
  80.         <dl class="p-form-list -address">
  81.           <dt>
  82.             {{ form_label(form.address, '住所', { 'label_attr': { 'class': 'ec-label' }}) }}
  83.           </dt>
  84.           <dd>
  85.             <div class="form-zip{{ has_errors(form.postal_code) ? ' error' }}">
  86.               <span>{{ '〒'|trans }}</span>
  87.               {{ form_widget(form.postal_code) }}
  88.               <!-- <div class="ec-zipInputHelp">
  89.                 <div class="ec-zipInputHelp__icon">
  90.                   <div class="ec-icon"><img src="{{ asset('assets/icon/question-white.svg') }}" alt="">
  91.                   </div>
  92.                 </div><a href="https://www.post.japanpost.jp/zipcode/" target="_blank"><span>{{ '郵便番号検索'|trans }}</span></a>
  93.               </div> -->
  94.               {{ form_errors(form.postal_code) }}
  95.             </div>
  96.             <div class="form-select form-address-select{{ has_errors(form.address.pref) ? ' error' }}">
  97.               {{ form_widget(form.address.pref) }}
  98.               {{ form_errors(form.address.pref) }}
  99.             </div>
  100.             <div class="form-address-input -first{{ has_errors(form.address.addr01) ? ' error' }}">
  101.               {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '市町村名(例：尼崎市立花町)' }}) }}
  102.               {{ form_errors(form.address.addr01) }}
  103.             </div>
  104.             <div class="form-address-input -second{{ has_errors(form.address.addr02) ? ' error' }}">
  105.               {{ form_widget(form.address.addr02,  { 'attr': { 'placeholder': '番地・ビル名(例：4丁目4番21号)' }}) }}
  106.               {{ form_errors(form.address.addr02) }}
  107.             </div>
  108.           </dd>
  109.         </dl>
  110.         <dl class="p-form-list">
  111.           <dt>
  112.             {{ form_label(form.phone_number, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }}
  113.           </dt>
  114.           <dd>
  115.             <div class="form-tel{{ has_errors(form.phone_number) ? ' error' }}">
  116.               {{ form_widget(form.phone_number) }}
  117.               {{ form_errors(form.phone_number) }}
  118.             </div>
  119.           </dd>
  120.         </dl>
  121.         <dl class="p-form-list">
  122.           <dt>
  123.             {{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label' }}) }}
  124.           </dt>
  125.           <dd>
  126.             <div class="form-email -input{{ has_errors(form.email) ? ' error' }}">
  127.               {{ form_widget(form.email,{ 'attr': { 'placeholder': 'sample@mail.com' }}) }}
  128.               {{ form_errors(form.email) }}
  129.             </div>
  130.           </dd>
  131.         </dl>
  132.         <dl class="p-form-list">
  133.           <dt>
  134.             {{ form_label(form.contents, 'お問い合わせ内容', { 'label_attr': { 'class': 'ec-label' }}) }}
  135.           </dt>
  136.           <dd>
  137.             <div class="form-textarea{{ has_errors(form.contents) ? ' error' }}">
  138.               {{ form_widget(form.contents) }}
  139.               {{ form_errors(form.contents) }}
  140.             </div>
  141.           </dd>
  142.         </dl>
  143.         {# エンティティ拡張の自動出力 #}
  144.         {% for f in form|filter(f => f.vars.eccube_form_options.auto_render) %}
  145.         {% if f.vars.eccube_form_options.form_theme %}
  146.         {% form_theme f f.vars.eccube_form_options.form_theme %}
  147.         {{ form_row(f) }}
  148.         {% else %}
  149.         <dl class="p-form-list">
  150.           <dt>
  151.             {% set label_class =  f.vars.label_attr.class is defined ? f.vars.label_attr.class : '' %}
  152.             {{ form_label(f, f.vars.label, { 'label_attr': {'class': label_class ~ ' ec-label' }}) }}
  153.           </dt>
  154.           <dd>
  155.             <div class="{{ f.vars.eccube_form_options.style_class }}{{ has_errors(f) ? ' error' }}">
  156.               {{ form_widget(f) }}
  157.               {{ form_errors(f) }}
  158.             </div>
  159.           </dd>
  160.         </dl>
  161.         {% endif %}
  162.         {% endfor %}
  163.         <p class="contact-message -bottom">{{ 'ご注文に関するお問い合わせには、必ず「ご注文番号」をご記入くださいますようお願いいたします。'|trans }}</p>
  164.         <div class="p-button form green contact-button">
  165.           <button type="submit" name="mode" value="confirm">{{ '確認ページへ'|trans }}
  166.           </button>
  167.         </div>
  168.       </form>
  169.     </div>
  170.   </div>
  171. </section>
  173. {% endblock %}