app/template/default/Mail/question.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 = 'question_page' %}
  15. {% block stylesheet %}
  16.     <link rel="stylesheet" href="/stylesheets/jquery.efo.css">
  17.     <link rel="stylesheet" href="/stylesheets/mail.css?20230217">
  18.     <link rel="stylesheet" href="/stylesheets/mypage.css?20211226">
  19.     <link rel="stylesheet" href="/stylesheets/topcss.min.css">
  20.     <link rel="stylesheet" href="/stylesheets/base_stylesheet2.css">
  21.     <link rel="stylesheet" href="/stylesheets/sp_common.css">
  22.     <link rel="stylesheet" href="/stylesheets/first_view.css?20180302_01">
  23.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css">
  24.     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  25.     <link rel="stylesheet" href="/stylesheets/jquery.fbnr.css?20170629_01">
  26. {% endblock %}
  28. {% block javascript %}
  29.     <script src="/javascripts/jquery-ui.min.js" type="text/javascript"></script>
  30.     <script src="/javascripts/jquery.efo.js" type="text/javascript"></script>
  31.     <script>
  32.         $(function () {
  33.             var efo_elm = $("[class^=efo]").efo({
  34.                 confirmation: { enabled: false, form: document.forms.fm },
  35.                 notification: { enabled: true },
  36.                 validation: { bind: 'efo_change' },
  37.                 tooltipping: { enabled: true },
  38.                 observation: { enabled: true }
  39.             }).on('efo_afterValidate', function (event, data) {
  40.                 if (data.remaining > 0) {
  41.                     $('#btn_kakunin_off').show();
  42.                     $('#btn_kakunin').hide();
  43.                 } else {
  44.                     $('#btn_kakunin_off').hide();
  45.                     $('#btn_kakunin').show();
  46.                 }
  47.             });
  48.             var efo = $.data(efo_elm, 'plugin_efo');
  49.             $('#btn_kakunin_off').on('click', function (event, ui) {
  50.                 if (efo.remaining > 0) {
  51.                     alert('未入力、もしくは入力間違いの項目が' + efo.remaining + '個あります。');
  52.                     return false;
  53.                 }
  54.             });
  55.             $('#btn_kakunin').click(function () {
  56.                 if (!document.getElementById('privacy1').checked) {
  57.                     document.getElementById('privacy1').focus();
  58.                     alert('利用目的に同意していただく必要があります。');
  59.                     return false;
  60.                 }
  62.                 $('#mail_question').submit();
  63.             });
  64.         });
  65.     </script>
  66. {% endblock %}
  68. {% block main %}
  69.     <div id="pankuzu" class="ec-layoutRole__contents">
  70.         <ul itemscope="" itemtype="https://schema.org/BreadcrumbList">
  71.             <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
  72.                 <meta itemprop="position" content="1">
  73.                 <a href="/" itemprop="item"><span itemprop="name">ユニフォーム通販TOP</span></a>
  74.                 &nbsp;&gt;&nbsp;
  75.             </li>
  76.             <li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem">
  77.                 <meta itemprop="position" content="2">
  78.                 <a href="/item/{{ goods.goods_id }}.html" itemprop="item">
  79.                     <span itemprop="name">{{ goods.goods_name }}</span>
  80.                 </a>
  81.                 &nbsp;&gt;&nbsp;
  82.             </li>
  83.             <li>
  84.                 <span class="nowpage">商品について質問する</span>
  85.             </li>
  86.         </ul>
  87.     </div>
  88.     <div id="mail_content" class="pc mail-question">
  89.         <table class="product-table">
  90.             <tr>
  91.                 <td class="product-name">{{ goods.goods_name }}</td>
  92.                 <td class="product-code">{{ goods.gp_katabans }}</td>
  93.                 <td class="product-price">{{ goods.prices }}</td>
  94.             </tr>
  95.         </table>
  97.         <div class="page-title">
  98.             <h3>商品についての問合せ</h3>
  99.         </div>
  101.         <p style="margin: 5px;">
  102.             <span>
  103.                 下記の項目をご入力ください。<br>
  104.                 入力が完了しましたら、画面下の「次へ」ボタンを押してください。確認画面に移動します。<br>
  105.             </span>
  106.             <span class="red">
  107.                 ※の項目は必須入力です。<br>
  108.                 必ずお名前とメールアドレスを入力してください。折り返しご連絡させて頂きます。
  109.             </span>
  110.         </p>
  112.         <form name="mail_question" id="mail_question" method="post"
  113.               action="{{ url('mail_question', {goods_id: goods.goods_id}) }}">
  114.             {{ form_widget(form._token) }}
  115.             <div class="page-title">
  116.                 <h3>商品についてのお問い合せ内容の入力</h3>
  117.             </div>
  118.             <table class="new_input left" style="margin:0px;">
  119.                 <tbody>
  120.                 <tr>
  121.                     <th class="h">お名前</th>
  122.                     <td class="c1" style="padding-left: 8px;">
  123.                         <div class="ec-halfInput ec-input{{ has_errors(form.user_name) ? ' error' }}">
  124.                             {{ form_widget(form.user_name, {
  125.                                 attr: {
  126.                                     'id': 'user_name',
  127.                                     'class': 'efo-required',
  128.                                     'data-efo-validate-required': 'お名前をご入力ください',
  129.                                     'placeholder': '（例）山田　太郎'
  130.                                 }
  131.                             }) }}
  132.                             {{ form_errors(form.user_name) }}
  133.                         </div>
  134.                     </td>
  135.                 </tr>
  136.                 <tr>
  137.                     <th class="h">メールアドレス</th>
  138.                     <td class="c1">
  139.                         <div class="ec-input{{ has_errors(form.mail.first) ? ' error' }}">
  140.                             {{ form_widget(form.mail.first, {
  141.                                 attr: {
  142.                                     'id': 'question_mail_first',
  143.                                     'class': 'efo-required-mail w350',
  144.                                     'data-efo-validate-required': 'メールアドレスをご入力ください',
  145.                                     'placeholder': '（例）info@l-m.co.jp'
  146.                                 }
  147.                             }) }}
  148.                             {{ form_errors(form.mail.first) }}
  149.                         </div>
  150.                         <div class="ec-input{{ has_errors(form.mail.second) ? ' error' }}">
  151.                             <label for="question_mail_second" style="margin-top:1em;">確認のためもう一度入力してください</label>
  152.                             {{ form_widget(form.mail.second, {
  153.                                 attr: {
  154.                                     'id': 'question_mail_second',
  155.                                     'class': 'efo-required-mail w350',
  156.                                     'data-efo-validate-required': 'メールアドレスをご入力ください',
  157.                                     'placeholder': '確認のためもう一度入力してください'
  158.                                 }
  159.                             }) }}
  160.                             {{ form_errors(form.mail.second) }}
  161.                         </div>
  162.                     </td>
  163.                 </tr>
  164.                 <tr>
  165.                     <th class="h">お問合せ内容</th>
  166.                     <td class="c1">
  167.                         <div class="ec-input{{ has_errors(form.question) ? ' error' }}">
  168.                             {{ form_widget(form.question, {
  169.                                 attr: {
  170.                                     'id': 'question',
  171.                                     'class': 'efo-required',
  172.                                     'style': 'width: 80%; height: 160px; padding: 6px; box-sizing: border-box;',
  173.                                     'data-efo-validate-required': 'お問い合わせ内容をご入力ください',
  174.                                 }
  175.                             }) }}
  176.                             {{ form_errors(form.question) }}
  177.                         </div>
  178.                     </td>
  179.                 </tr>
  180.                 </tbody>
  181.             </table>
  182.             <div class="page-title">
  183.                 <h3>個人情報の取扱いについての同意</h3>
  184.             </div>
  185.             <table class="new_input left">
  186.                 <tbody>
  187.                     <tr>
  188.                         <td colspan="2" style="padding:10px;border-left:none;">
  189.                             <div id="privacy_box">
  190.                                 {{ GetPrivacy3()|raw }}
  191.                             </div>
  192.                         </td>
  193.                     </tr>
  194.                     <tr>
  195.                         <th class="h last-th">個人情報の<br>取扱いについて</th>
  196.                         <td class="c3" style="border:none;">
  197.                             <label class="lb-agree">
  198.                                 <input type="radio" name="privacy" id="privacy1" value="1"> 同意する
  199.                             </label>
  200.                             <label class="lb-agree">
  201.                                 <input type="radio" name="privacy" id="privacy2" value="2" checked="checked"> 同意しない
  202.                             </label>
  203.                             <br>ユニフォームタウンをご利用いただくには、上記「個人情報の取扱いについての同意」にご同意いただく必要がございます。<br>
  204.                             <div align="right" style="padding-bottom:4px">
  205.                                 <a href="/company/privacy/" target="_blank">→個人情報保護方針</a>
  206.                             </div>
  207.                         </td>
  208.                     </tr>
  209.                 </tbody>
  210.             </table>
  211.             <br class="clear">
  212.             <div class="submit-btns">
  213.                 <input
  214.                     type="image"
  215.                     src="https://img0.land-mark.biz/ut_img/public_images/regi/btn_kakunin_off.gif"
  216.                     width="205"
  217.                     height="45"
  218.                     alt="未入力、もしくは入力間違いの必須項目があります。"
  219.                     id="btn_kakunin_off"
  220.                 >
  221.                 <input
  222.                     type="image"
  223.                     name="mode"
  224.                     value="confirm"
  225.                     src="https://img0.land-mark.biz/ut_img/public_images/contact/btn_kakunin.gif"
  226.                     width="298"
  227.                     height="38"
  228.                     alt="確認画面へ進む"
  229.                     id="btn_kakunin"
  230.                     style="display:none;"
  231.                 >
  232.             </div>
  233.         </form>
  234.         <table style="margin-top: 10px;">
  235.             <tbody>
  236.             <tr>
  237.                 <td>
  238.                     <div id="DigiCertClickID_2phMqn4D"><div id="DigiCertClickID_2phMqn4DSeal" style="text-decoration: none; text-align: center; display: block; vertical-align: baseline; font-size: 100%; font-style: normal; text-indent: 0px; line-height: 1; width: auto; margin: 0px auto; padding: 0px; border: 0px; background: transparent; position: relative; inset: 0px; clear: both; float: none; cursor: default;"><img src="//seal.digicert.com/seals/cascade/?tag=2phMqn4D&amp;referer={{ eccube_config.UT_URL }}&amp;format=png&amp;seal_number=15&amp;seal_size=s&amp;an=min" alt="DigiCert Seal" tabindex="0" style="text-decoration: none; text-align: center; display: block; vertical-align: baseline; font-size: 100%; font-style: normal; text-indent: 0px; line-height: 1; width: auto; margin: 0px auto; padding: 0px; border: 0px; background: transparent; position: relative; inset: 0px; clear: both; float: none; cursor: pointer;"></div></div>
  239.                     <script type="text/javascript">
  240.                         var __dcid = __dcid || [];__dcid.push(["DigiCertClickID_2phMqn4D", "15", "s", "black", "2phMqn4D"]);(function(){var cid=document.createElement("script");cid.async=true;cid.src="//seal.digicert.com/seals/cascade/seal.min.js";var s = document.getElementsByTagName("script");var ls = s[(s.length - 1)];ls.parentNode.insertBefore(cid, ls.nextSibling);}());
  241.                     </script>
  242.                     <script async="" src="//seal.digicert.com/seals/cascade/seal.min.js"></script>
  243.                 </td>
  244.                 <td style="padding: 10px 0px 0px 10px; font-size: 12px; line-height: 120%;">
  245.                     当サイトはデジサート・ジャパン合同会社により「サイトの運営主体の実在証明」及び「SSL暗号化通信による情報の保護」の認証証明を受けており、お客様よりご登録いただく個人情報やクレジットカード番号等の情報は
  246.                     SSL(Secure Socket Layer)という信用性・安全性の高い暗号通信技術で暗号化され、第三者の盗聴、改ざん、成りすましなどから保護されます。安心してご利用ください。<br>
  247.                 </td>
  248.             </tr>
  249.             </tbody>
  250.         </table>
  251.         <br class="clear">
  252.     </div>
  253. {% endblock %}