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

Revision 20408, 19.2 KB checked in by uemoto, 11 years ago (diff)

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

  • CSSクラス名等調整
  • ヘッダ用ブロック追加

#932(商品をお気に入りに入れたかどうかの判別が動いていない)

  • 取り急ぎ判別のみ実装
  • 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="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
47      <input type="hidden" name="mode" value="nonmember_confirm" />
48      <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
49      <table summary=" ">
50        <tr>
51          <th>お名前<span class="attention">※</span></th>
52          <td>
53            <!--{assign var=key1 value="order_name01"}-->
54            <!--{assign var=key2 value="order_name02"}-->
55            <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
56            姓&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;
57            名&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />
58          </td>
59        </tr>
60        <tr>
61          <th>お名前(フリガナ)<span class="attention">※</span></th>
62          <td>
63            <!--{assign var=key1 value="order_kana01"}-->
64            <!--{assign var=key2 value="order_kana02"}-->
65            <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
66            セイ&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;
67            メイ&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />
68          </td>
69        </tr>
70        <tr>
71          <th>郵便番号<span class="attention">※</span></th>
72          <td>
73            <!--{assign var=key1 value="order_zip01"}-->
74            <!--{assign var=key2 value="order_zip02"}-->
75            <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
76            <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" /> 
77              <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="mini">郵便番号検索</span></a></p>
78
79            <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>
80               <span class="mini">&nbsp;郵便番号を入力後、クリックしてください。</span></p>
81          </td>
82        </tr>
83        <tr>
84          <th>住所<span class="attention">※</span></th>
85          <td>
86            <!--{assign var=key value="order_pref"}-->
87            <span class="attention"><!--{$arrErr.order_pref}--><!--{$arrErr.order_addr01}--><!--{$arrErr.order_addr02}--></span>
88            <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
89              <option value="">都道府県を選択</option>
90              <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
91            </select>
92            <p>
93              <!--{assign var=key value="order_addr01"}-->
94              <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: active;" class="box380" /><br />
95              <!--{$smarty.const.SAMPLE_ADDRESS1}--></p>
96            <p>
97              <!--{assign var=key value="order_addr02"}-->
98              <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: active;" class="box380" /><br />
99              <!--{$smarty.const.SAMPLE_ADDRESS2}--></p>
100            <p class="mini"><span class="attention">住所は2つに分けてご記入ください。マンション名は必ず記入してください。</span></p></td>
101        </tr>
102        <tr>
103          <th>電話番号<span class="attention">※</span></th>
104          <td>
105            <!--{assign var=key1 value="order_tel01"}-->
106            <!--{assign var=key2 value="order_tel02"}-->
107            <!--{assign var=key3 value="order_tel03"}-->
108            <span class="attention"><!--{$arrErr[$key1]}--></span>
109            <span class="attention"><!--{$arrErr[$key2]}--></span>
110            <span class="attention"><!--{$arrErr[$key3]}--></span>
111            <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" /> -
112            <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" /> -
113            <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" />
114          </td>
115        </tr>
116        <tr>
117          <th>FAX</th>
118          <td>
119            <!--{assign var=key1 value="order_fax01"}-->
120            <!--{assign var=key2 value="order_fax02"}-->
121            <!--{assign var=key3 value="order_fax03"}-->
122            <span class="attention"><!--{$arrErr[$key1]}--></span>
123            <span class="attention"><!--{$arrErr[$key2]}--></span>
124            <span class="attention"><!--{$arrErr[$key3]}--></span>
125            <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" /> -
126            <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" /> -
127            <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" />
128          </td>
129        </tr>
130        <tr>
131          <th>メールアドレス<span class="attention">※</span></th>
132          <td>
133            <!--{assign var=key value="order_email"}-->
134            <span class="attention"><!--{$arrErr[$key]}--></span>
135            <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 top" /><br />
136            <!--{assign var=key value="order_email02"}-->
137            <span class="attention"><!--{$arrErr[$key]}--></span>
138            <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 />
139            <p class="mini"><span class="attention">確認のため2度入力してください。</span></p>
140          </td>
141        </tr>
142        <tr>
143          <th>性別<span class="attention">※</span></th>
144          <td>
145            <!--{assign var=key value="order_sex"}-->
146    <!--{if $arrErr[$key]}-->
147    <div class="attention"><!--{$arrErr[$key]}--></div>
148    <!--{/if}-->
149    <span style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
150        <input type="radio" id="man" name="<!--{$key}-->" value="1" <!--{if $arrForm[$key] eq 1}--> checked="checked" <!--{/if}--> /><label for="man">男性</label>
151        <input type="radio" id="woman" name="<!--{$key}-->" value="2" <!--{if $arrForm[$key] eq 2}--> checked="checked" <!--{/if}--> /><label for="woman">女性</label>
152    </span>
153          </td>
154        </tr>
155        <tr>
156          <th>職業</th>
157          <td>
158            <!--{assign var=key value="order_job"}-->
159            <!--{if $arrErr[$key]}-->
160              <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
161            <!--{/if}-->
162            <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
163              <option value="">選択して下さい</option>
164              <!--{html_options options=$arrJob selected=$arrForm[$key].value}-->
165            </select>
166          </td>
167        </tr>
168        <tr>
169          <th>生年月日</th>
170          <td>
171            <!--{assign var=errBirth value="`$arrErr.year``$arrErr.month``$arrErr.day`"}-->
172            <span class="attention"><!--{$errBirth}--></span>
173            <select name="year" style="<!--{$errBirth|sfGetErrorColor}-->">
174              <!--{html_options options=$arrYear selected=$arrForm.year.value|default:''}-->
175            </select>年
176            <select name="month" style="<!--{$errBirth|sfGetErrorColor}-->">
177              <!--{html_options options=$arrMonth selected=$arrForm.month.value|default:''}-->
178            </select>月
179            <select name="day" style="<!--{$errBirth|sfGetErrorColor}-->">
180              <!--{html_options options=$arrDay selected=$arrForm.day.value|default:''}-->
181            </select>日
182          </td>
183        </tr>
184        <tr>
185          <th colspan="2">
186          <!--{assign var=key value="deliv_check"}-->
187          <input type="checkbox" name="<!--{$key}-->" value="1" onclick="fnCheckInputDeliv();" <!--{$arrForm[$key].value|sfGetChecked:1}--> id="deliv_label" />
188          <label for="deliv_label"><span class="attention">お届け先を指定</span> ※上記に入力された住所と同一の場合は省略可能です。</label>
189          </th>
190        </tr>
191        <tr>
192          <th>お名前<span class="attention">※</span></th>
193          <td>
194            <!--{assign var=key1 value="shipping_name01"}-->
195            <!--{assign var=key2 value="shipping_name02"}-->
196            <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
197            姓&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;
198            名&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />
199          </td>
200        </tr>
201        <tr>
202          <th>お名前(フリガナ)<span class="attention">※</span></th>
203          <td>
204            <!--{assign var=key1 value="shipping_kana01"}-->
205            <!--{assign var=key2 value="shipping_kana02"}-->
206            <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
207            セイ&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;
208            メイ&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />
209          </td>
210        </tr>
211        <tr>
212          <th>郵便番号<span class="attention">※</span></th>
213          <td>
214           <!--{assign var=key1 value="shipping_zip01"}-->
215           <!--{assign var=key2 value="shipping_zip02"}-->
216            <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
217            <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" /> 
218              <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="mini">郵便番号検索</span></a></p>
219
220            <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>
221              <span class="mini">&nbsp;郵便番号を入力後、クリックしてください。</span></p>
222          </td>
223        </tr>
224        <tr>
225          <th>住所<span class="attention">※</span></th>
226          <td>
227            <!--{assign var=key value="shipping_pref"}-->
228            <span class="attention"><!--{$arrErr.shipping_pref}--><!--{$arrErr.shipping_addr01}--><!--{$arrErr.shipping_addr02}--></span>
229            <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
230              <option value="">都道府県を選択</option>
231              <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
232            </select>
233            <p>
234              <!--{assign var=key value="shipping_addr01"}-->
235              <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: active;" class="box380" /><br />
236              <!--{$smarty.const.SAMPLE_ADDRESS1}--></p>
237            <p>
238              <!--{assign var=key value="shipping_addr02"}-->
239              <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: active;" class="box380" /><br />
240              <!--{$smarty.const.SAMPLE_ADDRESS2}--></p>
241            <p class="mini"><span class="attention">住所は2つに分けてご記入ください。マンション名は必ず記入してください。</span></p>
242
243          </td>
244        </tr>
245        <tr>
246          <th>電話番号<span class="attention">※</span></th>
247          <td>
248            <!--{assign var=key1 value="shipping_tel01"}-->
249            <!--{assign var=key2 value="shipping_tel02"}-->
250            <!--{assign var=key3 value="shipping_tel03"}-->
251            <span class="attention"><!--{$arrErr[$key1]}--></span>
252            <span class="attention"><!--{$arrErr[$key2]}--></span>
253            <span class="attention"><!--{$arrErr[$key3]}--></span>
254            <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" /> -
255            <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" /> -
256            <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" />
257          </td>
258        </tr>
259      </table>
260
261      <div class="btn_area">
262            <ul>
263                <li>
264                      <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" />
265                </li>
266            </ul>
267      </div>
268
269    </form>
270  </div>
271</div>
272<!--▲CONTENTS-->
Note: See TracBrowser for help on using the repository browser.