バージョン選択

フォーラム

メニュー

オンライン状況

47 人のユーザが現在オンラインです。 (39 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 47
もっと...

サイト内検索

質問 > フロント機能 > 問い合わせフォームに画像添付機能を追加

フロント機能

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
mikami
投稿日時: 2015/9/25 10:12
対応状況: −−−
半人前
登録日: 2015/9/24
居住地:
投稿: 16
Re: 問い合わせフォームに画像添付機能を追加
yuh様

お忙しいところ対応ありがとうございます。

ページが表示されるようになりました。
しかし、フォームのカスタマイズでエラーを吐いています。

エラー内容は「システムエラーが発生しました。
大変お手数ですが、サイト管理者までご連絡ください。」と表示され、特定することができておりません。

EC-CUBE内の「デザイン管理」の「ページ詳細設定」の該当するページの箇所になります。
基本的にテンプレートの問い合わせ画面を元に付け加えております。
コードは下記の通りになります。


http://al-lucky.hatenablog.com/entry/2014/09/17/133220

こちらのページの「フォームのカスタマイズ」に当たります。


<div id="undercolumn">
    <h2 class="title"><!--{$tpl_title|h}--></h2>

    <div id="undercolumn_contact">

        <p>内容によっては回答をさしあげるのにお時間をいただくこともございます。<br />
        また、休業日は翌営業日以降の対応となりますのでご了承ください。</p>

        <form name="form1" id="form1" method="post" action="?">
            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" enctype="multipart/form-data" value="<!--{$transactionid}-->" />
            <input type="hidden" name="sample_image_realpath" value="<!--{$arrFile.sample_image.real_filepath}-->" />
            <input type="hidden" name="sample_image_urlpath" value="<!--{$arrFile.sample_image.filepath}-->" />
            <input type="hidden" name="mode" value="confirm" />

            <table summary="お問い合わせ">
                <tr>
                    <th>お名前<span class="attention">※</span></th>
                    <td>
                        <span class="attention"><!--{$arrErr.name01}--><!--{$arrErr.name02}--></span>
                        姓&nbsp;<input type="text" class="box120" name="name01" value="<!--{$arrForm.name01.value|default:$arrData.name01|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" style="<!--{$arrErr.name01|sfGetErrorColor}-->; ime-mode: active;" /> 
                        名&nbsp;<input type="text" class="box120" name="name02" value="<!--{$arrForm.name02.value|default:$arrData.name02|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" style="<!--{$arrErr.name02|sfGetErrorColor}-->; ime-mode: active;" />
                    </td>
                </tr>
                <tr>
                    <th>お名前(フリガナ)<span class="attention">※</span></th>
                    <td>
                        <span class="attention"><!--{$arrErr.kana01}--><!--{$arrErr.kana02}--></span>
                        セイ&nbsp;<input type="text" class="box120" name="kana01" value="<!--{$arrForm.kana01.value|default:$arrData.kana01|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" style="<!--{$arrErr.kana01|sfGetErrorColor}-->; ime-mode: active;" /> 
                        メイ&nbsp;<input type="text" class="box120" name="kana02" value="<!--{$arrForm.kana02.value|default:$arrData.kana02|h}-->" maxlength="<!--{$smarty.const.STEXT_LEN}-->" style="<!--{$arrErr.kana02|sfGetErrorColor}-->; ime-mode: active;" />
                    </td>
                </tr>
                <tr>
                    <th>郵便番号</th>
                    <td>
                        <span class="attention"><!--{$arrErr.zip01}--><!--{$arrErr.zip02}--></span>
                        <p class="top">
                            〒&nbsp;
                            <input type="text" name="zip01" class="box60" value="<!--{$arrForm.zip01.value|default:$arrData.zip01|h}-->" maxlength="<!--{$smarty.const.ZIP01_LEN}-->" style="<!--{$arrErr.zip01|sfGetErrorColor}-->; ime-mode: disabled;" />&nbsp;-&nbsp;
                            <input type="text" name="zip02" class="box60" value="<!--{$arrForm.zip02.value|default:$arrData.zip02|h}-->" maxlength="<!--{$smarty.const.ZIP02_LEN}-->" style="<!--{$arrErr.zip02|sfGetErrorColor}-->; ime-mode: disabled;" /> 
                            <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="mini">郵便番号検索</span></a>
                        </p>
                        <p class="zipimg">
                            <a href="java script:eccube.getAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'zip01', 'zip02', 'pref', 'addr01');">
                                <img src="<!--{$TPL_URLPATH}-->img/button/btn_address_input.jpg" alt="住所自動入力" /></a>
                            <span class="mini">&nbsp;郵便番号を入力後、クリックしてください。</span>
                        </p>
                    </td>
                </tr>
                <tr>
                    <th>住所</th>
                    <td>
                        <span class="attention"><!--{$arrErr.pref}--><!--{$arrErr.addr01}--><!--{$arrErr.addr02}--></span>

                        <select name="pref" style="<!--{$arrErr.pref|sfGetErrorColor}-->">
                        <option value="">都道府県を選択</option><!--{html_options options=$arrPref selected=$arrForm.pref.value|default:$arrData.pref|h}--></select>

                        <p>
                            <input type="text" class="box380" name="addr01" value="<!--{$arrForm.addr01.value|default:$arrData.addr01|h}-->" style="<!--{$arrErr.addr01|sfGetErrorColor}-->; ime-mode: active;" /><br />
                            <!--{$smarty.const.SAMPLE_ADDRESS1}-->
                        </p>

                        <p>
                            <input type="text" class="box380" name="addr02" value="<!--{$arrForm.addr02.value|default:$arrData.addr02|h}-->" style="<!--{$arrErr.addr02|sfGetErrorColor}-->; ime-mode: active;" /><br />
                            <!--{$smarty.const.SAMPLE_ADDRESS2}-->
                        </p>

                        <p class="mini"><span class="attention">住所は2つに分けてご記入ください。マンション名は必ず記入してください。</span></p>
                    </td>
                </tr>
                <tr>
                    <th>電話番号</th>
                    <td>
                        <span class="attention"><!--{$arrErr.tel01}--><!--{$arrErr.tel02}--><!--{$arrErr.tel03}--></span>
                        <input type="text" class="box60" name="tel01" value="<!--{$arrForm.tel01.value|default:$arrData.tel01|h}-->" maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" style="<!--{$arrErr.tel01|sfGetErrorColor}-->; ime-mode: disabled;" />&nbsp;-&nbsp;
                        <input type="text" class="box60" name="tel02" value="<!--{$arrForm.tel02.value|default:$arrData.tel02|h}-->" maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" style="<!--{$arrErr.tel02|sfGetErrorColor}-->; ime-mode: disabled;" />&nbsp;-&nbsp;
                        <input type="text" class="box60" name="tel03" value="<!--{$arrForm.tel03.value|default:$arrData.tel03|h}-->" maxlength="<!--{$smarty.const.TEL_ITEM_LEN}-->" style="<!--{$arrErr.tel03|sfGetErrorColor}-->; ime-mode: disabled;" />
                    </td>
                </tr>
                <tr>
                    <th>メールアドレス<span class="attention">※</span></th>
                    <td>
                        <span class="attention"><!--{$arrErr.email}--><!--{$arrErr.email02}--></span>
                        <input type="text" class="box380 top" name="email" value="<!--{$arrForm.email.value|default:$arrData.email|h}-->" style="<!--{$arrErr.email|sfGetErrorColor}-->; ime-mode: disabled;" /><br />
                        <!--{* ログインしていれば入力済みにする *}-->
                        <!--{if $smarty.session.customer}-->
                        <!--{assign var=email02 value=$arrData.email}-->
                        <!--{/if}-->
                        <input type="text" class="box380" name="email02" value="<!--{$arrForm.email02.value|default:$email02|h}-->" style="<!--{$arrErr.email02|sfGetErrorColor}-->; ime-mode: disabled;" /><br />
                        <p class="mini"><span class="attention">確認のため2度入力してください。</span></p>
                    </td>
                </tr>
                <tr>
                    <th>お問い合わせ内容<span class="attention">※</span><br />
                    <span class="mini">(全角<!--{$smarty.const.MLTEXT_LEN}-->字以下)</span></th>
                    <td>
                        <span class="attention"><!--{$arrErr.contents}--></span>
                        <textarea name="contents" class="box380" cols="60" rows="20" style="<!--{$arrErr.contents.value|h|sfGetErrorColor}-->; ime-mode: active;"><!--{"\n"}--><!--{$arrForm.contents.value|h}--></textarea>
                        <p class="mini attention">※ご注文に関するお問い合わせには、必ず「ご注文番号」をご記入くださいますようお願いいたします。</p>
                    </td>
                </tr>
                <tr>※ここから下を追記しております。
                    <th>画像添付<span class="entry-error"><!--{$arrErr.sample_image}--></span><br />
                    </th>
                    <td>
                        <!--{if $arrFile.sample_image.filepath != ""}-->
                        <img src="<!--{$arrFile.sample_image.filepath}-->" alt="">
                        <a href="" onclick="eccube.setModeAndSubmit('delete_image', 'image_key', 'sample_image'); return false;">
                            [画像の取り消し]
                        </a>
                    <!--{else}-->
                        <input type="file" name="sample_image" style="<!--{$arrErr.sample_image|sfGetErrorColor}-->" />
                        <a class="btn-normal" href="java script:;" name="btn" onclick="eccube.setModeAndSubmit('upload_image', 'image_key', 'sample_image'); return false;">
                            アップロード
                        </a>
                        <!--{/if}-->
                      <p class="mini entry-error">画像を添付出来ます。(jpg/gif/png)</p>
                    </td>
                </tr>※ここまで
            </table>

            <div class="btn_area">
                <ul>
                    <li>
                        <input type="image" class="hover_change_image" src="<!--{$TPL_URLPATH}-->img/button/btn_confirm.jpg" alt="確認ページへ" name="confirm" />
                    </li>
                </ul>
            </div>

        </form>
    </div>
</div>
フラット表示 前のトピック | 次のトピック


題名 投稿者 日時
   問い合わせフォームに画像添付機能を追加 mikami 2015/9/24 16:20
     Re: 問い合わせフォームに画像添付機能を追加 yuh 2015/9/24 18:02
     » Re: 問い合わせフォームに画像添付機能を追加 mikami 2015/9/25 10:12
         Re: 問い合わせフォームに画像添付機能を追加 yuh 2015/9/25 10:27
           Re: 問い合わせフォームに画像添付機能を追加 mikami 2015/9/25 11:09
             Re: 問い合わせフォームに画像添付機能を追加 yuh 2015/9/25 11:20
               Re: 問い合わせフォームに画像添付機能を追加 mikami 2015/9/25 11:36
                 Re: 問い合わせフォームに画像添付機能を追加 mikami 2015/9/29 10:42
                   Re: 問い合わせフォームに画像添付機能を追加 mikami 2015/9/29 11:21
                     Re: 問い合わせフォームに画像添付機能を追加 flealog 2015/10/1 18:43
                       Re: 問い合わせフォームに画像添付機能を追加 mikami 2015/10/2 9:13

 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は89,274名です
総投稿数は110,068件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1652
8
red
1570
9
mcontact
1301
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.