app/template/plugin/PiaContact/default/product_contact/index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block stylesheet %}
  4.   {{ parent() }}
  5.   <link rel="stylesheet" href="/user_data/common/css/form.css">
  6.   <link rel="stylesheet" href="/user_data/common/css/form_product_contact.css?v=2">
  7. {% endblock %}
  9. {% block javascript %}
  10. <script src="https://www.google.com/recaptcha/api.js" async defer></script>
  11. {% endblock javascript %}
  13. {% block main %}
  14. {# テーマ上書き: タイトルを /contact (Contact/index.twig) の kaso_h1title 仕様に統一。原本= app/Plugin/PiaContact/Resource/template/default/product_contact/index.twig #}
  15. <div class="ec-registerRole">
  16.     <div class="kaso_h1title">
  17.       <p>Contact</p>
  18.       <h1>商品のお問い合わせ</h1>
  19.     </div>
  21. <div class="ec-off1Grid">
  22.     <div class="ec-off1Grid__cell">
  23.         {{ include('@PiaContact/default/alert.twig') }}
  25.         <div id="product_contact_form_wrap" class="pia-form-wrap">
  26.             <div class="ec-borderedDefs">
  27.                 <p>内容によっては回答をさしあげるのにお時間をいただくこともございます。<br>
  28.                     また、休業日は翌営業日以降の対応となりますのでご了承ください。</p>
  30.                 <form name="form1" id="form1" method="post" action="{{ url('plugin_pia_contact') }}">
  31.                     {{ form_widget(form._token) }}
  32.                     <input type="hidden" name="mode" value="confirm">
  33.                     <input type="hidden" id="id" name="id" value="{{ Product.id }}">
  35.                     <table class="pia-form-table">
  36.                         <tr>
  37.                             <th>商品</th>
  38.                             <td>
  39.                                 <img src="/html/upload/save_image/{{ Product.main_list_image|no_image_product }}" alt="{{ Product.name }}" class="product-img">
  40.                                 {{ Product.name }}
  41.                             </td>
  42.                         </tr>
  43.                         <tr>
  44.                             <th>お問い合わせ内容 <span class="pia-required">必須</span></th>
  45.                             <td>
  46.                                 <div class="ec-input{{ has_errors(form.message) ? ' error' }}">
  47.                                     {{ form_widget(form.message) }}
  48.                                     {{ form_errors(form.message) }}
  49.                                 </div>
  50.                                 <p class="pia-note">ご注文に関するお問い合わせには、必ず「ご注文番号」をご記入くださいますようお願いいたします。</p>
  51.                             </td>
  52.                         </tr>
  53.                         <tr>
  54.                             <th>お名前 <span class="pia-required">必須</span></th>
  55.                             <td>
  56.                                 <div class="ec-halfInput{{ has_errors(form.name.name01, form.name.name02) ? ' error' }}">
  57.                                     {{ form_widget(form.name.name01, { 'attr': { 'placeholder': '姓' }}) }}
  58.                                     {{ form_widget(form.name.name02, { 'attr': { 'placeholder': '名' }}) }}
  59.                                     {{ form_errors(form.name.name01) }}
  60.                                     {{ form_errors(form.name.name02) }}
  61.                                 </div>
  62.                             </td>
  63.                         </tr>
  64.                         <tr>
  65.                             <th>メールアドレス <span class="pia-required">必須</span></th>
  66.                             <td>
  67.                                 <div class="ec-input{{ has_errors(form.email) ? ' error' }}">
  68.                                     {{ form_widget(form.email) }}
  69.                                     {{ form_errors(form.email) }}
  70.                                 </div>
  71.                             </td>
  72.                         </tr>
  73.                     </table>
  75.                     <div class="g-recaptcha" data-sitekey="{{ recaptcha_site_key }}"></div>
  76.                     <div class="ec-off4Grid" style="margin-top: 2rem;">
  77.                         <div class="ec-off4Grid__cell">
  78.                             <button type="submit" class="ec-blockBtn--action">確認ページへ</button>
  79.                         </div>
  80.                     </div>
  81.                 </form>
  82.             </div>
  83.         </div>
  84.     </div>
  85. </div>
  86. </div>
  87. {% endblock %}