app/template/kaorime/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 %}
  22.     <style>
  23.         /*EC-CUBEのCSSを強制上書きしてデザインに揃える*/
  24.         .ec-halfInput input, .ec-telInput input{
  25.             width: 100% !important;
  26.             max-width: 100% !important;
  27.         }
  28.     </style>
  29.     <div role="main">
  30.         <!-- PAGE CONTENTS -->
  31.         <div class="contact contactIndex">
  32.             <div class="sub-container">
  33.                 <!-- H1 -->
  34.                 <div class="sub-h1">
  35.                     <h1 class="itemTitle">
  36.                         お問い合わせ
  37.                     </h1>
  38.                 </div>
  39.                 <!-- /H1 -->
  40.                 <!-- CONTENTS -->
  41.                 <div class="l-container l-2ColumnContainer">
  42.                     <!-- MAIN-CONTENTS -->
  43.                     <div class="l-main">
  44.                         <!-- BREAD CRUMBS -->
  45.                         <div class="sub-breadcrumbsWrap">
  46.                             <ul class="sub-breadcrumbs">
  47.                                 <li><a href="/">TOP</a></li>
  48.                                 <li>お問い合わせ</li>
  49.                             </ul>
  50.                         </div>
  51.                         <!-- /BREAD CRUMBS -->
  52.                         <!-- MAIN CONTENTS -->
  53.                         <section class="contact-section">
  54.                             <h2 class="mod-hl-01">お問い合わせフォーム</h2>
  55.                             <!-- FORM -->
  56.                             <form action="{{ url('contact') }}" method="post" class="h-adr" novalidate>
  58.                                 <span class="p-country-name" style="display:none;">Japan</span>
  59.                                 {{ form_widget(form._token) }}
  61.                                 <section class="contact-formCell">
  62.                                     <h3 class="mod-hl-04">お名前</h3>
  63.                                     <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error' }}">
  64.                                         <div class="contact-input2clm">
  65.                                             <div class="boxItem">
  66.                                                 {{ form_widget(form.name.name01, {'attr': { 'placeholder': '姓', 'class': 'mod-form-input-text--03' }}) }}
  67.                                                 {{ form_errors(form.name.name01) }}
  68.                                             </div>
  69.                                             <div class="boxItem">
  70.                                                 {{ form_widget(form.name.name02, {'attr': { 'placeholder': '名', 'class': 'mod-form-input-text--03' }}) }}
  71.                                                 {{ form_errors(form.name.name02) }}
  72.                                             </div>
  73.                                         </div>
  74.                                     </div>
  75.                                 </section>
  76.                                 <section class="contact-formCell">
  77.                                     <h3 class="mod-hl-04">メールアドレス</h3>
  78.                                     <div class="ec-input{{ has_errors(form.email) ? ' error' }}">
  79.                                         {{ form_widget(form.email, {'attr':{ 'class': 'mod-form-input-text--03', 'placeholder': '例：sample@kaorimee.co.jp' }}) }}
  80.                                         {{ form_errors(form.email) }}
  81.                                     </div>
  82.                                 </section>
  83.                                 <section class="contact-formCell">
  84.                                     <h3 class="mod-hl-04">お電話番号 <span class="mod-form-ninniTag">任意</span></h3>
  85.                                     <div class="ec-telInput{{ has_errors(form.phone_number) ? ' error' }}">
  86.                                         {{ form_widget(form.phone_number, {'attr':{ 'class': 'mod-form-input-text--03', 'placeholder': '例：00011112222' }}) }}
  87.                                         {{ form_errors(form.phone_number) }}
  88.                                     </div>
  89.                                 </section>
  90.                                 <section class="contact-formCell">
  91.                                     <h3 class="mod-hl-04">オーダー番号 <span class="mod-form-ninniTag">任意</span></h3>
  92.                                     {{ form_widget(form.order_number, {'attr': {'class': 'mod-form-input-text--03', 'placeholder': '例：1234567890'}}) }}
  93.                                     {{ form_errors(form.order_number) }}
  94.                                 </section>
  95.                                 <section class="contact-formCell">
  96.                                     <h3 class="mod-hl-04">お問い合わせ内容</h3>
  97.                                     <div class="ec-input{{ has_errors(form.contents) ? ' error' }}">
  98.                                         {{ form_widget(form.contents, {'attr': {'class': 'mod-form-input-textArea', 'placeholder': 'お問い合わせ内容をご記入ください'}}) }}
  99.                                         {{ form_errors(form.contents) }}
  100.                                     </div>
  101.                                 </section>
  102.                                 <p class="contact-formPolicyTxt">
  103.                                     <a href="/help/privacy" target="_blank">個人情報保護方針</a>にご同意の上、<br class="dn-pc">入力内容の確認に進んでください。
  104.                                 </p>
  106.                                 {# エンティティ拡張の自動出力 #}
  107.                                 {% for f in form|filter(f => f.vars.eccube_form_options.auto_render) %}
  108.                                     {% if f.vars.eccube_form_options.form_theme %}
  109.                                         {% form_theme f f.vars.eccube_form_options.form_theme %}
  110.                                         {{ form_row(f) }}
  111.                                     {% else %}
  112.                                         <dl>
  113.                                             <dt>
  114.                                                 {% set label_class =  f.vars.label_attr.class is defined ? f.vars.label_attr.class : '' %}
  115.                                                 {{ form_label(f, f.vars.label, { 'label_attr': {'class': label_class ~ ' ec-label' }}) }}
  116.                                             </dt>
  117.                                             <dd>
  118.                                                 <div class="{{ f.vars.eccube_form_options.style_class }}{{ has_errors(f) ? ' error' }}">
  119.                                                     {{ form_widget(f) }}
  120.                                                     {{ form_errors(f) }}
  121.                                                 </div>
  122.                                             </dd>
  123.                                         </dl>
  124.                                     {% endif %}
  125.                                 {% endfor %}
  128.                                 <div class="mod-btn-cMain contact-form-submit-send">
  129.                                     <span class="btnInner">同意して確認画面へ</span>
  130.                                     <input type="submit" name="mode" value="confirm">
  131.                                 </div>
  133.                                 <!-- リセット＆送信ボタン
  134.                                 <div class="mod-btnContainer">
  135.                                   <div class="mod-btn-cGray contact-form-submit-send">
  136.                                     <span class="btnInner">リセット</span>
  137.                                     <input class="form-submit" id="BtnMessageBack" type="submit" value="リセット">
  138.                                   </div>
  139.                                   <div class="mod-btn-cMain contact-form-submit-send">
  140.                                     <span class="btnInner">送信</span>
  141.                                     <input type="submit" value="送信">
  142.                                   </div>
  143.                                 </div> -->
  144.                             </form>
  145.                             <!-- /FORM -->
  146.                         </section>
  147.                         <!-- /MAIN CONTENTS -->
  148.                     </div>
  149.                     <!-- /MAIN-CONTENTS -->
  151.                     <!-- SIDE-CONTENTS -->
  152.                     {{ include('Block/side_menu.twig') }}
  153.                     <!-- /SIDE-CONTENTS -->
  155.                 </div>
  156.                 <!-- /CONTENTS -->
  157.             </div>
  158.         </div>
  159.         <!-- /PAGE CONTENTS -->
  160.     </div>
  163. {% endblock %}