app/template/default/Contact/index.twig line 1

Open in your IDE?
  1. {% extends 'fullwidth_frame.twig' %}
  3. {% form_theme form 'Form/form_div_layout.twig' %}
  5. {% block javascript %}
  6.     <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  7.     <script>
  8.         $(document).ready(function() {
  9.         $('#privacy_policy').change(function() {
  10.             if ($(this).is(':checked')) {
  11.                 $('#submit_button').removeAttr('disabled');
  12.             } else {
  13.                 $('#submit_button').attr('disabled', 'disabled');
  14.             }
  15.         });
  16.     });
  17.     </script>
  18. {% endblock javascript %}
  21. {% block main %}
  23. <div class="home_title__inner">
  24.     <h2 class="home_en_title "><span class="en">Contact </span><small>お問い合わせ</small></h2>
  25. </div><!--/.home_title__inner-->
  27. <section class="page_section">
  28.     <div class="page_container">
  29.         <p class="ec-para-normal">
  30.             家具・インテリアのオンライン通販をご利用いただき、誠にありがとうございます。<br>
  31.             ご不明な点がございましたら、まずは「<a target="_blank" href="{{ url('homepage') }}guide">ご利用ガイド</a>」または「<a target="_blank" href="{{ url('homepage') }}faq">よくある質問</a>」をご確認ください。
  32.         </p>
  34.         <br>
  36.         <h2 class="page_h2">ご利用ガイド</h2>
  37.         <div class="page_link_nav">
  38.             <nav>
  39.                 <ul class="page_link_nav__list">
  40.                     <li>
  41.                         <a href="{{ url('homepage') }}guide#target_01"><span>ご注文について</span></a>
  42.                     </li>
  43.                     <li>
  44.                         <a href={{ url('homepage') }}guide"#target_02"><span>ご注文方法について</span></a>
  45.                     </li>
  46.                     <li>
  47.                         <a href="#target_03"><span>お支払い方法について</span></a>
  48.                     </li>
  49.                     <li>
  50.                         <a href="{{ url('homepage') }}guide#target_04"><span>配送・送料について</span></a>
  51.                     </li>
  52.                     <li>
  53.                         <a href="{{ url('homepage') }}guide#target_05"><span>搬入・設置について</span></a>
  54.                     </li>
  55.                     <li>
  56.                         <a href="{{ url('homepage') }}guide#target_06"><span>キャンセル・返品について</span></a>
  57.                     </li>
  58.                 </ul>
  59.             </nav>
  60.         </div><!--/.page_link_nav-->
  62.         <h2 class="page_h2">よくある質問</h2>
  63.         <div class="contact_faq_area">
  64.             <h3>よく閲覧されているご質問内容</h3>
  65.             <ul class="contact_faq_list">
  66.                 <li>掲載商品を実際に見てみたいのですが可能ですか?</li>
  67.                 <li>不要になった家具の引き取りや処分をお願いできますか?</li>
  68.                 <li>配送時間は指定できますか?</li>
  69.                 <li>商品不良（傷・汚れ・パーツ不足）のため返品、交換したい</li>
  70.             </ul>
  72.             <a class="base_link_brn" href="{{ url('homepage') }}faq">
  73.                 <span>よくある質問を全て見る</span>
  74.                 <span>よくある質問を全て見る</span>
  75.             </a>
  76.         </div>
  78.         {% if has_errors(form.contact_type) or has_errors(form.name.name01) or has_errors(form.name.name02) or has_errors(form.kana.kana01) or has_errors(form.kana.kana02) or has_errors(form.kana.kana02) or has_errors(form.postal_code) or has_errors(form.address.pref) or has_errors(form.address.addr01) or has_errors(form.address.addr02) or has_errors(form.phone_number) or has_errors(form.email) or has_errors(form.contents) %}
  80.         <div class="accordion_area accordion_area__contact has_error">
  81.         {% else %}
  82.         <div class="accordion_area accordion_area__contact">
  83.         {% endif %}
  84.             <div class="ac_header">
  85.                 <h2 class="page_h2">お問い合わせフォーム</h2>
  86.                 <div class="i_box"><span>フォームを入力する</span></div>
  87.             </div><!--/.ac_header-->
  89.             <div class="ac_inner">
  90.                 <p>下記より内容を入力のうえ、お問い合わせください。受付時間は24時間となります。内容によっては回答を差し上げるのにお時間を頂くこともございます。<br>また、休業日は翌営業日以降の対応となりますのでご了承ください。</p>
  92.                 <div class="ec-contactRole form_all_wrap">
  94.                             <form method="post" action="{{ url('contact') }}" class="h-adr" novalidate>
  95.                                 <span class="p-country-name" style="display:none;">Japan</span>
  96.                                 {{ form_widget(form._token) }}
  98.                                 <div class="ec-borderedDefs contact_input_area">
  99.                                     <dl>
  100.                                         <dt>
  101.                                             {{ form_label(form.contact_type, 'お問い合わせ項目', { 'label_attr': { 'class': 'ec-label' }}) }}
  102.                                         </dt>
  103.                                         <dd>
  104.                                             <div class="ec-halfInput{{ has_errors(form.contact_type) ? ' error' }}">
  105.                                                 {{ form_widget(form.contact_type) }}
  106.                                                 {{ form_errors(form.contact_type) }}
  107.                                             </div>
  108.                                         </dd>
  109.                                     </dl>
  110.                                     <dl>
  111.                                         <dt>
  112.                                             {{ form_label(form.order_number, 'ご注文番号', { 'label_attr': { 'class': 'ec-label' }}) }}
  113.                                         </dt>
  114.                                         <dd>
  115.                                             <div class="ec-halfInput{{ has_errors(form.order_number) ? ' error' }}">
  116.                                                 {{ form_widget(form.order_number, {'attr': { 'placeholder': '（例）1234567890' }}) }}
  117.                                                <span class="form_caution_text">※注文履歴や、メール等に記載されている00桁の番号を半角英数で入力してください。</span>
  118.                                             </div>
  119.                                         </dd>
  120.                                     </dl>
  121.                                     <dl>
  122.                                         <dt>
  123.                                             {{ form_label(form.name, 'お名前', { 'label_attr': { 'class': 'ec-label' }}) }}
  124.                                         </dt>
  125.                                         <dd>
  126.                                             <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error' }}">
  127.                                                 {{ form_widget(form.name.name01, {'attr': { 'placeholder': '姓' }}) }}
  128.                                                 {{ form_widget(form.name.name02, {'attr': { 'placeholder': '名' }}) }}
  129.                                                 {{ form_errors(form.name.name01) }}
  130.                                                 {{ form_errors(form.name.name02) }}
  131.                                             </div>
  132.                                         </dd>
  133.                                     </dl>
  134.                                     <dl>
  135.                                         <dt>
  136.                                             {{ form_label(form.kana, 'フリガナ', {'label_attr': {'class': 'ec-label'}}) }}
  137.                                         </dt>
  138.                                         <dd>
  139.                                             <div class="ec-halfInput{{ has_errors(form.kana.kana01, form.kana.kana02) ? ' error' }}">
  140.                                                 {{ form_widget(form.kana.kana01, {'attr': { 'placeholder': 'セイ' }}) }}
  141.                                                 {{ form_widget(form.kana.kana02, {'attr': { 'placeholder': 'メイ' }}) }}
  142.                                                 {{ form_errors(form.kana.kana01) }}
  143.                                                 {{ form_errors(form.kana.kana02) }}
  144.                                             </div>
  145.                                         </dd>
  146.                                     </dl>
  147.                                     <dl>
  148.                                         <dt>
  149.                                             {{ form_label(form.address, '住所', { 'label_attr': { 'class': 'ec-label' }}) }}
  150.                                         </dt>
  151.                                         <dd>
  152.                                             <div class="ec-zipInput{{ has_errors(form.postal_code) ? ' error' }}">
  153.                                                 <span>{{ '〒'|trans }}</span>
  154.                                                 {{ form_widget(form.postal_code) }}
  155.                                                 <div class="ec-zipInputHelp">
  156.                                                     <a href="https://www.post.japanpost.jp/zipcode/" target="_blank">{{ '郵便番号検索'|trans }}</a>
  157.                                                 </div>
  158.                                                 {{ form_errors(form.postal_code) }}
  159.                                             </div>
  160.                                             <div class="ec-select{{ has_errors(form.address.pref) ? ' error' }}">
  161.                                                 {{ form_widget(form.address.pref) }}
  162.                                                 {{ form_errors(form.address.pref) }}
  163.                                             </div>
  164.                                             <div class="ec-input{{ has_errors(form.address.addr01) ? ' error' }}">
  165.                                                 {{ form_widget(form.address.addr01, { 'attr': { 'placeholder': '市区町村名(例：大阪市北区)' }}) }}
  166.                                                 {{ form_errors(form.address.addr01) }}
  167.                                             </div>
  168.                                             <div class="ec-input{{ has_errors(form.address.addr02) ? ' error' }}">
  169.                                                 {{ form_widget(form.address.addr02,  { 'attr': { 'placeholder': '番地・ビル名(例：西梅田1丁目6-8)' }}) }}
  170.                                                 {{ form_errors(form.address.addr02) }}
  171.                                             </div>
  172.                                         </dd>
  173.                                     </dl>
  174.                                     <dl>
  175.                                         <dt>
  176.                                             {{ form_label(form.phone_number, '電話番号', { 'label_attr': { 'class': 'ec-label' }}) }}
  177.                                         </dt>
  178.                                         <dd>
  179.                                             <div class="ec-telInput{{ has_errors(form.phone_number) ? ' error' }}">
  180.                                                 {{ form_widget(form.phone_number) }}
  181.                                                 {{ form_errors(form.phone_number) }}
  182.                                                 <span class="form_caution_text">※ハイフンなしで半角英数で入力してください。</span>
  183.                                             </div>
  184.                                         </dd>
  185.                                     </dl>
  186.                                     <dl>
  187.                                         <dt>
  188.                                             {{ form_label(form.email, 'メールアドレス', { 'label_attr': { 'class': 'ec-label' }}) }}
  189.                                         </dt>
  190.                                         <dd>
  191.                                             <div class="ec-input{{ has_errors(form.email) ? ' error' }}">
  192.                                                 {{ form_widget(form.email) }}
  193.                                                 {{ form_errors(form.email) }}
  194.                                                 <span class="form_caution_text">※半角英数で入力してください。</span>
  195.                                             </div>
  196.                                         </dd>
  197.                                     </dl>
  198.                                     <dl>
  199.                                         <dt>
  200.                                             {{ form_label(form.contents, 'お問い合わせ内容', { 'label_attr': { 'class': 'ec-label' }}) }}
  201.                                         </dt>
  202.                                         <dd>
  203.                                             <div class="ec-input{{ has_errors(form.contents) ? ' error' }}">
  204.                                                 {{ form_widget(form.contents) }}
  205.                                                 {{ form_errors(form.contents) }}
  206.                                             </div>
  207.                                         </dd>
  208.                                     </dl>
  210.                                     {# エンティティ拡張の自動出力 #}
  211.                                     {% for f in form|filter(f => f.vars.eccube_form_options.auto_render) %}
  212.                                         {% if f.vars.eccube_form_options.form_theme %}
  213.                                             {% form_theme f f.vars.eccube_form_options.form_theme %}
  214.                                             {{ form_row(f) }}
  215.                                         {% else %}
  216.                                             <dl>
  217.                                                 <dt>
  218.                                                     {% set label_class =  f.vars.label_attr.class is defined ? f.vars.label_attr.class : '' %}
  219.                                                     {{ form_label(f, f.vars.label, { 'label_attr': {'class': label_class ~ ' ec-label' }}) }}
  220.                                                 </dt>
  221.                                                 <dd>
  222.                                                     <div class="{{ f.vars.eccube_form_options.style_class }}{{ has_errors(f) ? ' error' }}">
  223.                                                         {{ form_widget(f) }}
  224.                                                         {{ form_errors(f) }}
  225.                                                     </div>
  226.                                                 </dd>
  227.                                             </dl>
  228.                                         {% endif %}
  229.                                     {% endfor %}
  230.                                 </div>
  232.                                 {# 個人情報保護方針のチェック #}
  233.                                 <div class="policy_form_check">
  234.                                     <input class="form-check-input" type="checkbox" value="" id="privacy_policy">
  235.                                     <label class="form-check-label" for="privacy_policy">
  236.                                         <a target="_blank" href="{{ url('homepage') }}policy">個人情報保護方針</a>に同意する
  237.                                     </label>
  238.                                 </div>
  240.                                 <div class="ec-RegisterRole__actions">
  241.                                     <div class="ec-off4Grid">
  242.                                         <div class="ec-off4Grid__cell">
  243.                                             <button type="submit" class="ec-blockBtn--action" name="mode" value="confirm" id="submit_button" disabled>{{ '確認ページへ'|trans }}
  244.                                             </button>
  245.                                         </div>
  246.                                     </div>
  247.                                 </div>
  248.                             </form>
  249.                 </div>
  256.             </div><!--/.ac_inner-->
  257.         </div><!--/.accordion_area-->
  260.     </div><!--/.page_container-->
  261. </section><!--/.page_section-->
  269. {% endblock %}