app/template/kinkodo/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.     <div
  21.         class="main-top">
  22.         {# ページタイトル #}
  23.         <div id="pagetitle">
  24.             <h2>
  25.                 CONTACT
  26.                 <small>お問い合わせ</small>
  27.             </h2>
  28.             <div class="image">
  29.                 <img src="{{ asset('assets/assets/images/pagetitle-image-contact.jpg') }}">
  30.             </div>
  31.         </div>
  32.     </div>
  34.     <div class="heading1">
  35.         <h2>
  36.             お問い合わせフォーム
  37.         </h2>
  38.     </div>
  40.     <div class="txtset">
  41.         <p>
  42.             下記の項目をご記入いただき「送信」ボタンを押してください。<br>
  43.             <span class="red">※</span>は必須項目になりますので必ずご入力頂きますようお願いいたします。<br>
  44.             個人情報のお取り扱いについてはプライバシーポリシーをご確認ください。<br>
  45.             <br>
  46.             <span class="red">【ご注意】<br>
  47.                 ※既製商品の見積をこちらのページよりご依頼の場合、「お問合せ内容」へ商品番号・商品名・数量をご入力頂きますようお願いいたします。<br>
  48.                 ※商品番号・商品名・数量のご入力がない場合、お返事が出来ない場合がございます。ご了承のほどお願いいたします。<br>
  49.                 ※内容のご入力にあたり「㈱」や「①②③」などの機種依存文字を使用しないようお願いいたします。お問い合わせいただいた内容が確認できない場合があります。</span>
  50.         </p>
  51.     </div>
  53. <script>
  54.   // URLパラメータ取得してラジオボタン選択済みに
  55.   const params = new URLSearchParams(window.location.search);
  56.   const category = params.get('contacttype'); // 例: ?contacttype=ご注文
  58.   if (category) {
  59.     const radio = document.querySelector(`input[type="radio"][name="お問合せ項目"][value="${category}"]`);
  60.     if (radio) {
  61.       radio.checked = true;
  62.     }
  63.   }
  64. </script>
  65.     <form class="miniSurveyView" action="/confilm/mail.php" method="post" enctype="multipart/form-data">
  66.         <table class="formBlockSurveyTable">
  67.             <tbody>
  70.                 <tr>
  71.                     <td style="vertical-align:top" class="question">
  72.                         <label for="">
  73.                             お問合せ項目&nbsp;<span class="required">*</span>
  74.                         </label>
  75.                     </td>
  76.                     <td style="vertical-align:top">
  77.                         <div class="radioset">
  78.                             <input type="radio" id="choice1" name="お問合せ項目" value="お見積り" checked="checked">
  79.                             <label for="choice1">お見積り</label>
  80.                         </div>
  81.                         <div class="radioset">
  82.                             <input type="radio" id="choice2" name="お問合せ項目" value="ご注文">
  83.                             <label for="choice2">ご注文</label>
  84.                         </div>
  85.                         <div class="radioset">
  86.                             <input type="radio" id="choice3" name="お問合せ項目" value="お問い合わせ">
  87.                             <label for="choice3">お問い合わせ</label>
  88.                         </div>
  89.                         <div class="radioset">
  90.                             <input type="radio" id="choice4" name="お問合せ項目" value="その他">
  91.                             <label for="choice4">その他</label>
  92.                         </div>
  93.                     </td>
  94.                 </tr>
  97.                 <tr>
  98.                     <td style="vertical-align:top" class="question">
  99.                         <label for="Question1">貴社名&nbsp;<span class="required">*</span>
  100.                         </label>
  101.                     </td>
  102.                     <td style="vertical-align:top"><input name="貴社名" id="Question1" type="text" value="" required="required"></td>
  103.                 </tr>
  105.                 <tr>
  106.                     <td style="vertical-align:top" class="question">
  107.                         <label for="Question2">お名前
  108.                         </label>
  109.                     </td>
  110.                     <td style="vertical-align:top"><input name="お名前" id="Question2" type="text" value=""></td>
  111.                 </tr>
  113.                 <tr>
  114.                     <td style="vertical-align:top" class="question">
  115.                         <label for="Question2-2">お名前 (フリガナ)
  116.                         </label>
  117.                     </td>
  118.                     <td style="vertical-align:top"><input name="お名前 (フリガナ)" id="Question2-2" type="text" value=""></td>
  119.                 </tr>
  122.                 <tr>
  123.                     <td style="vertical-align:top" class="question">
  124.                         <label for="Questiontel">電話番号&nbsp;<span class="required">*</span>
  125.                         </label>
  126.                     </td>
  127.                     <td style="vertical-align:top"><input name="電話番号" id="Questiontel" type="tel" value=""></td>
  128.                 </tr>
  131.                 <tr>
  132.                     <td style="vertical-align:top" class="question">
  133.                         <label for="Questionfax">FAX
  134.                         </label>
  135.                     </td>
  136.                     <td style="vertical-align:top"><input name="FAX" id="Questionfax" type="text" value=""></td>
  137.                 </tr>
  140.                 <tr>
  141.                     <td style="vertical-align:top" class="question">
  142.                         <label for="Question3">メールアドレス&nbsp;<span class="required">*</span>
  143.                         </label>
  144.                     </td>
  145.                     <td style="vertical-align:top"><input name="メールアドレス" id="Question3" type="email" value="" required="required"></td>
  146.                 </tr>
  148.                 <tr>
  149.                     <td style="vertical-align:top" class="question">
  150.                         <label for="Question4">メールアドレス(確認)&nbsp;<span class="required">*</span>
  151.                         </label>
  152.                     </td>
  153.                     <td style="vertical-align:top"><input name="メールアドレス(確認)" id="Question4" type="email" value="" required="required"></td>
  154.                 </tr>
  157.                 <tr>
  158.                     <td style="vertical-align:top" class="question">
  159.                         <label for="">お問い合わせ内容<br>（その他の場合にご記入ください）
  160.                         </label>
  161.                     </td>
  162.                     <td style="vertical-align:top">
  163.                         <textarea name="お問い合わせ内容(その他の場合)" cols="50" rows="5"></textarea>
  164.                     </td>
  165.                 </tr>
  168.                 <tr>
  169.                     <td style="vertical-align:top" class="question">
  170.                         <label for="Question5">郵便番号&nbsp;<span class="required">*</span>
  171.                         </label>
  172.                     </td>
  173.                     <td style="vertical-align:top"><input name="郵便番号" id="Question5" type="text" value=""></td>
  174.                 </tr>
  177.                 <tr>
  178.                     <td style="vertical-align:top" class="question">
  179.                         <label for="Question6">ご住所　お届け先&nbsp;<span class="required">*</span>
  180.                         </label>
  181.                     </td>
  182.                     <td style="vertical-align:top"><input name="ご住所　お届け先" id="Question6" type="text" value=""></td>
  183.                 </tr>
  186.                 <tr>
  187.                     <td style="vertical-align:top" class="question">
  188.                         <label for="">お届け時期選択
  189.                         </label>
  190.                     </td>
  191.                     <td style="vertical-align:top">
  192.                         <select name="お届け時期選択" class="">
  193.                             <option value="">選択してください</option>
  194.                             <option value="8月下旬">8月下旬</option>
  195.                             <option value="9月上旬">9月上旬</option>
  196.                             <option value="9月中旬">9月中旬</option>
  197.                             <option value="9月下旬">9月下旬</option>
  198.                             <option value="10月上旬">10月上旬</option>
  199.                             <option value="10月中旬">10月中旬</option>
  200.                             <option value="10月下旬">10月下旬</option>
  201.                             <option value="11月上旬">11月上旬</option>
  202.                             <option value="11月中旬">11月中旬</option>
  203.                             <option value="11月下旬">11月下旬</option>
  204.                             <option value="12月上旬">12月上旬</option>
  205.                             <option value="12月中旬">12月中旬</option>
  206.                             <option value="12月下旬">12月下旬</option>
  207.                             <option value="その他">その他</option>
  208.                         </select>
  209.                     </td>
  210.                 </tr>
  213.                 <tr>
  214.                     <td style="vertical-align:top" class="question">
  215.                         <label for="Question7">その他の納品時期
  216.                         </label>
  217.                     </td>
  218.                     <td style="vertical-align:top"><input name="その他の納品時期" id="Question7" type="text" value=""></td>
  219.                 </tr>
  222.                 <tr>
  223.                     <td style="vertical-align:top" class="question">
  224.                         <label for="">印刷原稿
  225.                         </label>
  226.                     </td>
  227.                     <td style="vertical-align:top">
  228.                         <select name="印刷原稿">
  229.                             <option value="">選択してください</option>
  230.                             <option value="新規">新規</option>
  231.                             <option value="昨年通りの印刷">昨年通りの印刷</option>
  232.                             <option value="一部変更アリ">一部変更アリ</option>
  233.                         </select>
  234.                     </td>
  235.                 </tr>
  238.                 <tr>
  239.                     <td style="vertical-align:top" class="question">
  240.                         <label for="">入稿方法
  241.                         </label>
  242.                     </td>
  243.                     <td style="vertical-align:top">
  244.                         <select name="入稿方法">
  245.                             <option value="">選択してください</option>
  246.                             <option value="定型ﾚｲｱｳﾄ">定型ﾚｲｱｳﾄ</option>
  247.                             <option value="定型ﾚｲｱｳﾄ＋ﾛｺﾞ">定型ﾚｲｱｳﾄ＋ﾛｺﾞ</option>
  248.                             <option value="illustratorデータ入稿Photoshopデータ入稿">illustratorデータ入稿Photoshopデータ入稿</option>
  249.                             <option value="その他ﾃﾞｰﾀ入稿">その他ﾃﾞｰﾀ入稿</option>
  250.                             <option value="名入なし">名入なし</option>
  251.                         </select>
  252.                     </td>
  253.                 </tr>
  256.                 <tr>
  257.                     <td style="vertical-align:top" class="question">
  258.                         <label for="">書体：フォント
  259.                         </label>
  260.                     </td>
  261.                     <td style="vertical-align:top">
  262.                         <select name="書体：フォント">
  263.                             <option value="ゴシック体">ゴシック体</option>
  264.                             <option value="丸ゴシック体">丸ゴシック体</option>
  265.                             <option value="明朝体">明朝体</option>
  266.                             <option value="楷書体">楷書体</option>
  267.                             <option value="行書体">行書体</option>
  268.                             <option value="勘亭流体">勘亭流体</option>
  269.                             <option value="昨年の書体">昨年の書体</option>
  270.                             <option value="illustrator/Photoshop入稿の為、入稿データ参照">illustrator/Photoshop入稿の為、入稿データ参照</option>
  271.                             <option value="指定書体">指定書体</option>
  272.                         </select>
  273.                     </td>
  274.                 </tr>
  277.                 <tr>
  278.                     <td style="vertical-align:top" class="question">
  279.                         <label for="Question8">指定書体を選ばれた方
  280.                         </label>
  281.                     </td>
  282.                     <td style="vertical-align:top"><input name="指定書体を選ばれた方" id="Question8" type="text" value=""></td>
  283.                 </tr>
  286.                 <tr>
  287.                     <td style="vertical-align:top" class="question">
  288.                         <label for="">壁掛けカレンダーを選択の場合
  289.                         </label>
  290.                     </td>
  291.                     <td style="vertical-align:top">
  292.                         <select name="壁掛けカレンダーを選択の場合">
  293.                             <option value="壁掛けカレンダーは選択しない">壁掛けカレンダーは選択しない</option>
  294.                             <option value="【基本色】 黒1色">【基本色】 黒1色</option>
  295.                             <option value="【基本色】 黒 以外の１色">【基本色】 黒 以外の１色</option>
  296.                             <option value="【基本色】2色（掛け合わせ無し・ケント合わせ無し）">【基本色】2色（掛け合わせ無し・ケント合わせ無し）</option>
  297.                             <option value="【基本色】2色（掛け合わせ有り・ケント合わせ有り）">【基本色】2色（掛け合わせ有り・ケント合わせ有り）</option>
  298.                             <option value="【基本色】3色（掛け合わせ無し・ケント合わせ無し）">【基本色】3色（掛け合わせ無し・ケント合わせ無し）</option>
  299.                             <option value="【基本色】3色（掛け合わせ有り・ケント合わせ有り）">【基本色】3色（掛け合わせ有り・ケント合わせ有り）</option>
  300.                             <option value="【DIC指定】 1色">【DIC指定】 1色</option>
  301.                             <option value="【DIC指定】 2色（掛け合わせ無し・ケント合わせ無し）">【DIC指定】 2色（掛け合わせ無し・ケント合わせ無し）</option>
  302.                             <option value="【DIC指定】 2色（掛け合わせ有り・ケント合わせ有り）">【DIC指定】 2色（掛け合わせ有り・ケント合わせ有り）</option>
  303.                             <option value="【DIC指定】 3色（掛け合わせ無し・ケント合わせ無し）">【DIC指定】 3色（掛け合わせ無し・ケント合わせ無し）</option>
  304.                             <option value="【DIC指定】 3色（掛け合わせ有り・ケント合わせ有り）">【DIC指定】 3色（掛け合わせ有り・ケント合わせ有り）</option>
  305.                             <option value="4色（フルカラー)">4色（フルカラー)</option>
  306.                         </select>
  307.                     </td>
  308.                 </tr>
  310.                 <tr>
  311.                     <td style="vertical-align:top" class="question">
  312.                         <label for="Question9">黒1色以外の場合、色をご記入ください
  313.                         </label>
  314.                     </td>
  315.                     <td style="vertical-align:top"><input name="黒1色以外の場合、色をご記入ください" id="Question9" type="text" value=""></td>
  316.                 </tr>
  319.                 <tr>
  320.                     <td style="vertical-align:top" class="question">
  321.                         <label for="">卓上カレンダーを選択の場合
  322.                         </label>
  323.                     </td>
  324.                     <td style="vertical-align:top">
  325.                         <select name="卓上カレンダーを選択の場合">
  326.                             <option value="卓上カレンダーは選択しない">卓上カレンダーは選択しない</option>
  327.                             <option value="金色（箔押し印刷）">金色（箔押し印刷）</option>
  328.                             <option value="銀色（箔押し印刷）">銀色（箔押し印刷）</option>
  329.                             <option value="紺色（箔押し印刷）">紺色（箔押し印刷）</option>
  330.                             <option value="赤色（箔押し印刷）">赤色（箔押し印刷）</option>
  331.                             <option value="シルク印刷 (基本色）">シルク印刷 (基本色）</option>
  332.                             <option value="シルク印刷　特色(DIC指定)">シルク印刷　特色(DIC指定)</option>
  333.                         </select>
  334.                     </td>
  335.                 </tr>
  337.                 <tr>
  338.                     <td style="vertical-align:top" class="question">
  339.                         <label for="Question10">シルク印刷特色を選ばれた方<br>
  340.                             （DIC番号を記入下さい)
  341.                         </label>
  342.                     </td>
  343.                     <td style="vertical-align:top"><input name="シルク印刷特色を選ばれた方" id="Question10" type="text" value=""></td>
  344.                 </tr>
  347.                 <tr>
  348.                     <td style="vertical-align:top" class="question">
  349.                         <label for="">レイアウト
  350.                         </label>
  351.                     </td>
  352.                     <td style="vertical-align:top">
  353.                         <select name="レイアウト">
  354.                             <option value="標準">標準</option>
  355.                             <option value="標準2色">標準2色</option>
  356.                             <option value="センター小">センター小</option>
  357.                             <option value="右端下">右端下</option>
  358.                         </select>
  359.                     </td>
  360.                 </tr>
  363.                 <tr>
  364.                     <td style="vertical-align:top" class="question">
  365.                         <label for="Question11">その他をご希望の方
  366.                         </label>
  367.                     </td>
  368.                     <td style="vertical-align:top"><input name="その他をご希望の方" id="Question11" type="text" value=""></td>
  369.                 </tr>
  372.                 <tr>
  373.                     <td style="vertical-align:top" class="question">
  374.                         <label for="">
  375.                             支払方法
  376.                         </label>
  377.                     </td>
  378.                     <td style="vertical-align:top">
  379.                         <div class="radioset">
  380.                             <input type="radio" id="pay1" name="支払方法" value="お振込み（前払い)" checked="checked">
  381.                             <label for="pay1">お振込み（前払い)</label>
  382.                         </div>
  383.                         <div class="radioset">
  384.                             <input type="radio" id="pay2" name="支払方法" value="代引き">
  385.                             <label for="pay2">代引き</label>
  386.                         </div>
  387.                     </td>
  388.                 </tr>
  391.                 <tr>
  392.                     <td>&nbsp;</td>
  393.                     <td>
  394.                         <input class="formBlockSubmitButton ccm-input-button" type="submit" value="確認 "/>
  395.                     </td>
  396.                 </tr>
  397.             </tbody>
  398.         </table>
  399.     </form>
  402. {% endblock %}