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. {% set body_class = 'contact-page' %}
  14. {% set title = 'お問い合わせ' %}
  16. {% block javascript %}
  17.     <script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
  18. {% endblock javascript %}
  20. {% block main %}
  21.   <section class="contact">
  22.     <div class="container contact__container">
  23.       <div class="contact__head inview">
  24.         <h1 class="contact__title">CONTACT</h1>
  25.         <p class="contact__intro">
  26.           お問い合わせ内容を入力し、<br />よろしければ「確認画面へ」ボタンを押してください。
  27.         </p>
  28.         <p class="contact__required">必須項目 <span>※</span></p>
  29.       </div>
  31.       <div class="contact__form inview">
  32.         <form method="post" action="{{ url('contact') }}" class="h-adr" novalidate class="form">
  33.           <span class="p-country-name" style="display:none;">Japan</span>
  34.           {{ form_widget(form._token) }}
  36.           <div class="form__row">
  37.             <label for="" class="form__label">お名前 <span>※</span></label>
  38.             <div class="form__col-wrap -is-name">
  39.               <div class="form__col">
  40.                 {{ form_widget(form.name.name01, {'attr': { 'placeholder': 'common.last_name' }}) }}
  41.                 {{ form_errors(form.name.name01) }}
  42.               </div>
  43.               <div class="form__col">
  44.                 {{ form_widget(form.name.name02, {'attr': { 'placeholder': 'common.first_name' }}) }}
  45.                 {{ form_errors(form.name.name02) }}
  46.               </div>
  47.             </div>
  48.           </div>
  49.           <div class="form__row">
  50.             <label for="" class="form__label"
  51.               >お名前（フリガナ） <span>※</span></label
  52.             >
  53.             <div class="form__col-wrap -is-name">
  54.               <div class="form__col">
  55.                 {{ form_widget(form.kana.kana01, {'attr': { 'placeholder': 'common.last_name_kana' }}) }}
  56.                 {{ form_errors(form.kana.kana01) }}
  57.               </div>
  58.               <div class="form__col">
  59.                 {{ form_widget(form.kana.kana02, {'attr': { 'placeholder': 'common.first_name_kana' }}) }}
  60.                 {{ form_errors(form.kana.kana02) }}
  61.               </div>
  62.             </div>
  63.           </div>
  64.           <div class="form__row">
  65.             <label for="" class="form__label"
  66.               >メールアドレス <span>※</span></label
  67.             >
  69.             <div class="form__col-wrap">
  70.               <div class="form__col">
  71.                 {{ form_widget(form.email) }}
  72.                 {{ form_errors(form.email) }}
  73.               </div>
  74.             </div>
  75.           </div>
  76.           <div class="form__row">
  77.             <label for="" class="form__label"
  78.               >電話番号 <span>※</span></label
  79.             >
  80.             <div class="form__col-wrap">
  81.               <div class="form__col">
  82.                 {{ form_widget(form.phone_number) }}
  83.                 {{ form_errors(form.phone_number) }}
  84.               </div>
  85.             </div>
  86.           </div>
  88.           <div class="form__row">
  89.             <label for="" class="form__label">件名 <span>※</span></label>
  90.             <div class="form__col-wrap -is-small">
  91.               <div class="form__col -is-select">
  92.                 {{ form_widget(form.contact_category) }}
  93.                 {{ form_errors(form.contact_category) }}
  94.               </div>
  95.             </div>
  96.           </div>
  97.           <div class="form__row">
  98.             <label for="" class="form__label"
  99.               >注文番号</label
  100.             >
  101.             <div class="form__col-wrap -is-small">
  102.               <div class="form__col">
  103.                 {{ form_widget(form.order_number) }}
  104.                 {{ form_errors(form.order_number) }}
  105.               </div>
  106.             </div>
  107.           </div>
  108.           <div class="form__row">
  109.             <label for="" class="form__label"
  110.               >お問い合わせ内容 <span>※</span></label
  111.             >
  112.             <div class="form__col-wrap">
  113.               <div class="form__col -is-textarea">
  114.                 {{ form_widget(form.contents, { 'attr': { 'placeholder': 'お問い合わせ内容を入力してください。' }}) }}
  115.                 {{ form_errors(form.contents) }}
  116.               </div>
  117.             </div>
  118.           </div>
  119.           <button class="form__btn" type="submit" name="mode" value="confirm">確認画面へ</button>
  120.           <p class="form__message">
  121.             ※メールでのお問い合わせについて<br />メールでのお問い合わせにつきまして、出来る限り早めの対応を心がけておりますが、<br
  122.               class="pc"
  123.             />営業時間外のお問い合わせに対するご回答は若干遅れる場合がございますので、予めご了承くださいますようお願いします。
  124.           </p>
  125.         </form>
  126.       </div>
  127.     </div>
  128.   </section>
  129. {% endblock %}