source: branches/version-2_5-dev/data/Smarty/templates/default/shopping/nonmember_input.tpl @ 20340

Revision 20340, 18.9 KB checked in by uemoto, 13 years ago (diff)

#1032(フロントデザインリニューアル)

  • CSSクラス名等調整
  • 未使用画像を削除
  • Property svn:eol-style set to LF
  • Property svn:keywords set to Id
  • Property svn:mime-type set to text/x-smarty-template; charset=UTF-8
Line 
1<!--{*
2 * This file is part of EC-CUBE
3 *
4 * Copyright(c) 2000-2010 LOCKON CO.,LTD. All Rights Reserved.
5 *
6 * http://www.lockon.co.jp/
7 *
8 * This program is free software; you can redistribute it and/or
9 * modify it under the terms of the GNU General Public License
10 * as published by the Free Software Foundation; either version 2
11 * of the License, or (at your option) any later version.
12 *
13 * This program is distributed in the hope that it will be useful,
14 * but WITHOUT ANY WARRANTY; without even the implied warranty of
15 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
16 * GNU General Public License for more details.
17 *
18 * You should have received a copy of the GNU General Public License
19 * along with this program; if not, write to the Free Software
20 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
21 *}-->
22<!--▼CONTENTS-->
23<div id="undercolumn">
24  <div id="undercolumn_customer">
25    <p class="flow_area"><img src="<!--{$TPL_URLPATH}-->img/picture/img_flow_01.jpg" alt="購入手続きの流れ" /></p>
26    <h2 class="title"><!--{$tpl_title|h}--></h2>
27
28    <div id="address_area" class="clearfix">
29        <div class="information">
30                <p>下記項目にご入力ください。「<span class="attention">※</span>」印は入力必須項目です。<br />
31        入力後、一番下の「次へ」ボタンをクリックしてください。</p>
32        </div>
33        <div class="add_multiple">
34            <p>この商品を複数の<br />お届け先に送りますか?</p>
35        <a href="javascript:;" onclick="fnModeSubmit('multiple', '', ''); return false" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_several_address_on.jpg','several');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_several_address.jpg','several');"><img src="<!--{$TPL_URLPATH}-->img/button/btn_several_address.jpg" alt="お届け先を複数指定する" name="several" id="several" /></a>
36        </div>
37    </div>
38
39    <!--{if $tpl_addrmax < $smarty.const.DELIV_ADDR_MAX}-->
40        <p class="addbtn">
41            <a href="<!--{$smarty.const.ROOT_URLPATH}-->mypage/delivery_addr.php" onclick="win02('<!--{$smarty.const.ROOT_URLPATH}-->mypage/delivery_addr.php?page=<!--{$smarty.server.PHP_SELF|h}-->','new_deiv','600','640'); return false;" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_add_address_on.jpg','addition');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/button/btn_add_address.jpg','addition');"><img src="<!--{$TPL_URLPATH}-->img/button/btn_add_address.jpg" alt="新しいお届け先を追加する" name="addition" id="addition" /></a>
42        </p>
43    <!--{/if}-->
44
45    <form name="form1" id="form1" method="post" action="?">
46      <input type="hidden" name="mode" value="nonmember_confirm" />
47      <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
48      <table summary=" ">
49        <tr>
50          <th>お名前<span class="attention">※</span></th>
51          <td>
52            <!--{assign var=key1 value="order_name01"}-->
53            <!--{assign var=key2 value="order_name02"}-->
54            <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
55            姓&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />&nbsp;
56            名&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />
57          </td>
58        </tr>
59        <tr>
60          <th>お名前(フリガナ)<span class="attention">※</span></th>
61          <td>
62            <!--{assign var=key1 value="order_kana01"}-->
63            <!--{assign var=key2 value="order_kana02"}-->
64            <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
65            セイ&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />&nbsp;
66            メイ&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />
67          </td>
68        </tr>
69        <tr>
70          <th>郵便番号<span class="attention">※</span></th>
71          <td>
72            <!--{assign var=key1 value="order_zip01"}-->
73            <!--{assign var=key2 value="order_zip02"}-->
74            <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
75            <p class="top">〒&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" />&nbsp;-&nbsp;  <input type="text"  name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" /> 
76              <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="mini">郵便番号検索</span></a></p>
77
78            <p class="zipimg"><a href="<!--{$smarty.const.ROOT_URLPATH}-->address/<!--{$smarty.const.DIR_INDEX_PATH}-->" onclick="fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'order_zip01', 'order_zip02', 'order_pref', 'order_addr01'); return false;" target="_blank"><img src="<!--{$TPL_URLPATH}-->img/button/btn_address_input.jpg" alt="住所自動入力" /></a>
79               <span class="mini">&nbsp;郵便番号を入力後、クリックしてください。</span></p>
80          </td>
81        </tr>
82        <tr>
83          <th>住所<span class="attention">※</span></th>
84          <td>
85            <!--{assign var=key value="order_pref"}-->
86            <span class="attention"><!--{$arrErr.order_pref}--><!--{$arrErr.order_addr01}--><!--{$arrErr.order_addr02}--></span>
87            <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
88              <option value="">都道府県を選択</option>
89              <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
90            </select>
91            <p>
92              <!--{assign var=key value="order_addr01"}-->
93              <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: active;" class="box380" /><br />
94              <!--{$smarty.const.SAMPLE_ADDRESS1}--></p>
95            <p>
96              <!--{assign var=key value="order_addr02"}-->
97              <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: active;" class="box380" /><br />
98              <!--{$smarty.const.SAMPLE_ADDRESS2}--></p>
99            <p class="mini"><span class="attention">住所は2つに分けてご記入ください。マンション名は必ず記入してください。</span></p></td>
100        </tr>
101        <tr>
102          <th>電話番号<span class="attention">※</span></th>
103          <td>
104            <!--{assign var=key1 value="order_tel01"}-->
105            <!--{assign var=key2 value="order_tel02"}-->
106            <!--{assign var=key3 value="order_tel03"}-->
107            <span class="attention"><!--{$arrErr[$key1]}--></span>
108            <span class="attention"><!--{$arrErr[$key2]}--></span>
109            <span class="attention"><!--{$arrErr[$key3]}--></span>
110            <input type="text" name="<!--{$arrForm[$key1].keyname}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" /> -
111            <input type="text" name="<!--{$arrForm[$key2].keyname}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;"  class="box60" /> -
112            <input type="text" name="<!--{$arrForm[$key3].keyname}-->" value="<!--{$arrForm[$key3].value|h}-->" maxlength="<!--{$arrForm[$key3].length}-->" style="<!--{$arrErr[$key3]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" />
113          </td>
114        </tr>
115        <tr>
116          <th>FAX</th>
117          <td>
118            <!--{assign var=key1 value="order_fax01"}-->
119            <!--{assign var=key2 value="order_fax02"}-->
120            <!--{assign var=key3 value="order_fax03"}-->
121            <span class="attention"><!--{$arrErr[$key1]}--></span>
122            <span class="attention"><!--{$arrErr[$key2]}--></span>
123            <span class="attention"><!--{$arrErr[$key3]}--></span>
124            <input type="text" name="<!--{$arrForm[$key1].keyname}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" /> -
125            <input type="text" name="<!--{$arrForm[$key2].keyname}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;"  class="box60" /> -
126            <input type="text" name="<!--{$arrForm[$key3].keyname}-->" value="<!--{$arrForm[$key3].value|h}-->" maxlength="<!--{$arrForm[$key3].length}-->" style="<!--{$arrErr[$key3]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" />
127          </td>
128        </tr>
129        <tr>
130          <th>メールアドレス<span class="attention">※</span></th>
131          <td>
132            <!--{assign var=key value="order_email"}-->
133            <span class="attention"><!--{$arrErr[$key]}--></span>
134            <input type="text" name="<!--{$arrForm[$key].keyname}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: disabled;" class="box380" /><br />
135            <!--{assign var=key value="order_email02"}-->
136            <span class="attention"><!--{$arrErr[$key]}--></span>
137            <input type="text" name="<!--{$arrForm[$key].keyname}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: disabled;" class="box380" /><br />
138            <p class="mini"><span class="attention">確認のため2度入力してください。</span></p>
139          </td>
140        </tr>
141        <tr>
142          <th>性別<span class="attention">※</span></th>
143          <td>
144            <!--{assign var=key value="order_sex"}-->
145            <span class="attention"><!--{$arrErr[$key]}--></span>
146            <!--{if $arrErr[$key]}-->
147              <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
148            <!--{/if}-->
149            <!--{html_radios name="$key" options=$arrSex selected=$arrForm[$key].value style="$err"}-->
150          </td>
151        </tr>
152        <tr>
153          <th>職業</th>
154          <td>
155            <!--{assign var=key value="order_job"}-->
156            <!--{if $arrErr[$key]}-->
157              <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
158            <!--{/if}-->
159            <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
160              <option value="">選択して下さい</option>
161              <!--{html_options options=$arrJob selected=$arrForm[$key].value}-->
162            </select>
163          </td>
164        </tr>
165        <tr>
166          <th>生年月日</th>
167          <td>
168            <!--{assign var=errBirth value="`$arrErr.year``$arrErr.month``$arrErr.day`"}-->
169            <span class="attention"><!--{$errBirth}--></span>
170            <select name="year" style="<!--{$errBirth|sfGetErrorColor}-->">
171              <!--{html_options options=$arrYear selected=$arrForm.year.value|default:''}-->
172            </select>年
173            <select name="month" style="<!--{$errBirth|sfGetErrorColor}-->">
174              <!--{html_options options=$arrMonth selected=$arrForm.month.value|default:''}-->
175            </select>月
176            <select name="day" style="<!--{$errBirth|sfGetErrorColor}-->">
177              <!--{html_options options=$arrDay selected=$arrForm.day.value|default:''}-->
178            </select>日
179          </td>
180        </tr>
181        <tr>
182          <th colspan="2">
183          <!--{assign var=key value="deliv_check"}-->
184          <input type="checkbox" name="<!--{$key}-->" value="1" onclick="fnCheckInputDeliv();" <!--{$arrForm[$key].value|sfGetChecked:1}--> id="deliv_label" />
185          <label for="deliv_label"><span class="attention">お届け先を指定</span> ※上記に入力された住所と同一の場合は省略可能です。</label>
186          </th>
187        </tr>
188        <tr>
189          <th>お名前<span class="attention">※</span></th>
190          <td>
191            <!--{assign var=key1 value="shipping_name01"}-->
192            <!--{assign var=key2 value="shipping_name02"}-->
193            <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
194            姓&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />&nbsp;
195            名&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />
196          </td>
197        </tr>
198        <tr>
199          <th>お名前(フリガナ)<span class="attention">※</span></th>
200          <td>
201            <!--{assign var=key1 value="shipping_kana01"}-->
202            <!--{assign var=key2 value="shipping_kana02"}-->
203            <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
204            セイ&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />&nbsp;
205            メイ&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />
206          </td>
207        </tr>
208        <tr>
209          <th>郵便番号<span class="attention">※</span></th>
210          <td>
211           <!--{assign var=key1 value="shipping_zip01"}-->
212           <!--{assign var=key2 value="shipping_zip02"}-->
213            <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
214            <p class="top">〒&nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;"  class="box60" />&nbsp;-&nbsp;  <input type="text"  name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" /> 
215              <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="mini">郵便番号検索</span></a></p>
216
217            <p class="zipimg"><a href="<!--{$smarty.const.ROOT_URLPATH}-->address/<!--{$smarty.const.DIR_INDEX_PATH}-->" onclick="fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'shipping_zip01', 'shipping_zip02', 'shipping_pref', 'shipping_addr01'); return false;" target="_blank"><img src="<!--{$TPL_URLPATH}-->img/button/btn_address_input.jpg" alt="住所自動入力" /></a>
218              <span class="mini">&nbsp;郵便番号を入力後、クリックしてください。</span></p>
219          </td>
220        </tr>
221        <tr>
222          <th>住所<span class="attention">※</span></th>
223          <td>
224            <!--{assign var=key value="shipping_pref"}-->
225            <span class="attention"><!--{$arrErr.shipping_pref}--><!--{$arrErr.shipping_addr01}--><!--{$arrErr.shipping_addr02}--></span>
226            <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
227              <option value="">都道府県を選択</option>
228              <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
229            </select>
230            <p>
231              <!--{assign var=key value="shipping_addr01"}-->
232              <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: active;" class="box380" /><br />
233              <!--{$smarty.const.SAMPLE_ADDRESS1}--></p>
234            <p>
235              <!--{assign var=key value="shipping_addr02"}-->
236              <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: active;" class="box380" /><br />
237              <!--{$smarty.const.SAMPLE_ADDRESS2}--></p>
238            <p class="mini"><span class="attention">住所は2つに分けてご記入ください。マンション名は必ず記入してください。</span></p>
239
240          </td>
241        </tr>
242        <tr>
243          <th>電話番号<span class="attention">※</span></th>
244          <td>
245            <!--{assign var=key1 value="shipping_tel01"}-->
246            <!--{assign var=key2 value="shipping_tel02"}-->
247            <!--{assign var=key3 value="shipping_tel03"}-->
248            <span class="attention"><!--{$arrErr[$key1]}--></span>
249            <span class="attention"><!--{$arrErr[$key2]}--></span>
250            <span class="attention"><!--{$arrErr[$key3]}--></span>
251            <input type="text" name="<!--{$arrForm[$key1].keyname}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" /> -
252            <input type="text" name="<!--{$arrForm[$key2].keyname}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;"  class="box60" /> -
253            <input type="text" name="<!--{$arrForm[$key3].keyname}-->" value="<!--{$arrForm[$key3].value|h}-->" maxlength="<!--{$arrForm[$key3].length}-->" style="<!--{$arrErr[$key3]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" />
254          </td>
255        </tr>
256      </table>
257
258      <div class="btn_area">
259            <ul>
260                <li>
261                      <input type="image" onmouseover="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/button/btn_next_on.jpg',this)" onmouseout="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/button/btn_next.jpg',this)" src="<!--{$TPL_URLPATH}-->img/button/btn_next.jpg" alt="次へ" name="next" id="next" />
262                </li>
263            </ul>
264      </div>
265
266    </form>
267  </div>
268</div>
269<!--▲CONTENTS-->
Note: See TracBrowser for help on using the repository browser.