source: branches/version-2_12-multilang/data/Smarty/templates/default_en/shopping/nonmember_input.tpl @ 22225

Revision 22225, 18.9 KB checked in by h_yoshimoto, 11 years ago (diff)

#1996 テキストボタン画像のCSS化を一旦コミット
Line 
1<!--{*
2 * This file is part of EC-CUBE
3 *
4 * Copyright(c) 2000-2012 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
23<div id="undercolumn">
24    <div id="undercolumn_customer">
25        <div class="flow_area">
26            <ol>
27            <li class="active"><span>&gt; STEP1</span><br />Delivery destination</li>
28            <li class="large"><span>&gt; STEP2</span><br />Payment method and delivery time</li>
29            <li><span>&gt; STEP3</span><br />Confirmation</li>
30            <li class="last"><span>&gt; STEP4</span><br />Order complete</li>
31            </ol>
32        </div>
33        <h2 class="title"><!--{$tpl_title|h}--></h2>
34
35        <div class="information">
36            <p>Input the items below. "<span class="attention">*</span>" indicates that the item is required.<br />
37                <!--{if $smarty.const.USE_MULTIPLE_SHIPPING !== false}-->
38                    After inputting, "Send only to the destination above" button at the bottom.<br/>
39                    Or, click the "Send to multiple destinations" button
40                <!--{else}-->
41                    After inputting, click the "Next" button at the bottom.
42                <!--{/if}-->
43            </p>
44        </div>
45
46        <form name="form1" id="form1" method="post" action="?">
47        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
48        <input type="hidden" name="mode" value="nonmember_confirm" />
49        <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
50        <table summary=" ">
51            <tr>
52                <th>Name<span class="attention">*</span></th>
53                <td>
54                    <!--{assign var=key1 value="order_name01"}-->
55                    <!--{assign var=key2 value="order_name02"}-->
56                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
57                    Last name&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;
58                    Name&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />
59                </td>
60            </tr>
61            <tr>
62                <th>Postal code<span class="attention">*</span></th>
63                <td>
64                    <!--{* <!--{assign var=key1 value="order_zip01"}--> *}-->
65                    <!--{* <!--{assign var=key2 value="order_zip02"}--> *}-->
66                    <!--{assign var=key1 value="order_zipcode"}-->
67
68                    <!--{* <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span> *}-->
69                    <span class="attention"><!--{$arrErr[$key1]}--></span>
70
71                    <p class="top">
72                        <!--{* &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" /> *}-->
73                        &nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" />
74                        <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="mini">Postal code search</span></a></p>
75
76                    <!--{*
77                    <p class="zipimg"><a class="bt01" 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">Automatic address input</a>
78                        <span class="mini">&nbsp;Click after inputting the postal code.</span></p>
79                    *}-->
80                </td>
81            </tr>
82            <tr>
83                <th>Address<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="">Select a prefecture</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">Separate the address into two fields. Make sure to write down the building name.</span></p></td>
100            </tr>
101            <tr>
102                <th>Telephone number<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="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" /> -
111                    <input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;"    class="box60" /> -
112                    <input type="text" name="<!--{$key3}-->" 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="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" /> -
125                    <input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;"    class="box60" /> -
126                    <input type="text" name="<!--{$key3}-->" 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>E-mail address<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="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: disabled;" class="box380 top" /><br />
135                    <!--{assign var=key value="order_email02"}-->
136                    <span class="attention"><!--{$arrErr[$key]}--></span>
137                    <input type="text" name="<!--{$key}-->" 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">Input twice for confirmation</span></p>
139                </td>
140            </tr>
141            <tr>
142                <th>Gender<span class="attention">*</span></th>
143                <td>
144                    <!--{assign var=key value="order_sex"}-->
145                    <!--{if $arrErr[$key]}-->
146                        <div class="attention"><!--{$arrErr[$key]}--></div>
147                    <!--{/if}-->
148                    <span style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
149                        <!--{html_radios name="$key" options=$arrSex selected=$arrForm[$key].value style="$err" label_ids=true}-->
150                    </span>
151                </td>
152            </tr>
153            <tr>
154                <th>Occupation</th>
155                <td>
156                    <!--{assign var=key value="order_job"}-->
157                    <!--{if $arrErr[$key]}-->
158                        <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
159                    <!--{/if}-->
160                    <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
161                        <option value="">Please make a selection</option>
162                        <!--{html_options options=$arrJob selected=$arrForm[$key].value}-->
163                    </select>
164                </td>
165            </tr>
166            <tr>
167                <th>Date of birth</th>
168                <td>
169                    <!--{assign var=errBirth value="`$arrErr.year``$arrErr.month``$arrErr.day`"}-->
170                    <span class="attention"><!--{$errBirth}--></span>
171                    <select name="year" style="<!--{$errBirth|sfGetErrorColor}-->">
172                        <!--{html_options options=$arrYear selected=$arrForm.year.value|default:''}-->
173                    </select>年
174                    <select name="month" style="<!--{$errBirth|sfGetErrorColor}-->">
175                        <!--{html_options options=$arrMonth selected=$arrForm.month.value|default:''}-->
176                    </select>月
177                    <select name="day" style="<!--{$errBirth|sfGetErrorColor}-->">
178                        <!--{html_options options=$arrDay selected=$arrForm.day.value|default:''}-->
179                    </select>日
180                </td>
181            </tr>
182            <tr>
183                <th colspan="2">
184                <!--{assign var=key value="deliv_check"}-->
185                <input type="checkbox" name="<!--{$key}-->" value="1" onclick="fnCheckInputDeliv();" <!--{$arrForm[$key].value|sfGetChecked:1}--> id="deliv_label" />
186                <label for="deliv_label"><span class="attention">Designation of delivery destination</span> *Can be omitted if the destination is the same as the address input above.</label>
187                </th>
188            </tr>
189            <tr>
190                <th>Name<span class="attention">*</span></th>
191                <td>
192                    <!--{assign var=key1 value="shipping_name01"}-->
193                    <!--{assign var=key2 value="shipping_name02"}-->
194                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
195                    Last name&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;
196                    Name&nbsp;<input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: active;" class="box120" />
197                </td>
198            </tr>
199            <tr>
200                <th>Postal code<span class="attention">*</span></th>
201                <td>
202                    <!--{* <!--{assign var=key1 value="shipping_zip01"}--> *}-->
203                    <!--{* <!--{assign var=key2 value="shipping_zip02"}--> *}-->
204                    <!--{assign var=key1 value="shipping_zipcode"}-->
205
206                    <!--{* <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span> *}-->
207                    <span class="attention"><!--{$arrErr[$key1]}--></span>
208
209                    <p class="top">
210                        <!--{* &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" /> *}-->
211                        &nbsp;<input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;"    class="box60" />
212                        <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="mini">Postal code search</span></a></p>
213
214                    <!--{*
215                    <p class="zipimg"><a class="bt01" 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">Automatic address input</a>
216                        <span class="mini">&nbsp;Click after inputting the postal code.</span></p>
217                    *}-->
218                </td>
219            </tr>
220            <tr>
221                <th>Address<span class="attention">*</span></th>
222                <td>
223                    <!--{assign var=key value="shipping_pref"}-->
224                    <span class="attention"><!--{$arrErr.shipping_pref}--><!--{$arrErr.shipping_addr01}--><!--{$arrErr.shipping_addr02}--></span>
225                    <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
226                        <option value="">Select a prefecture</option>
227                        <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
228                    </select>
229                    <p>
230                        <!--{assign var=key value="shipping_addr01"}-->
231                        <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" maxlength="<!--{$arrForm[$key].length}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->; ime-mode: active;" class="box380" /><br />
232                        <!--{$smarty.const.SAMPLE_ADDRESS1}--></p>
233                    <p>
234                        <!--{assign var=key value="shipping_addr02"}-->
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_ADDRESS2}--></p>
237                    <p class="mini"><span class="attention">Separate the address into two fields. Make sure to write down the building name.</span></p>
238
239                </td>
240            </tr>
241            <tr>
242                <th>Telephone number<span class="attention">*</span></th>
243                <td>
244                    <!--{assign var=key1 value="shipping_tel01"}-->
245                    <!--{assign var=key2 value="shipping_tel02"}-->
246                    <!--{assign var=key3 value="shipping_tel03"}-->
247                    <span class="attention"><!--{$arrErr[$key1]}--></span>
248                    <span class="attention"><!--{$arrErr[$key2]}--></span>
249                    <span class="attention"><!--{$arrErr[$key3]}--></span>
250                    <input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" /> -
251                    <input type="text" name="<!--{$key2}-->" value="<!--{$arrForm[$key2].value|h}-->" maxlength="<!--{$arrForm[$key2].length}-->" style="<!--{$arrErr[$key2]|sfGetErrorColor}-->; ime-mode: disabled;"    class="box60" /> -
252                    <input type="text" name="<!--{$key3}-->" value="<!--{$arrForm[$key3].value|h}-->" maxlength="<!--{$arrForm[$key3].length}-->" style="<!--{$arrErr[$key3]|sfGetErrorColor}-->; ime-mode: disabled;" class="box60" />
253                </td>
254            </tr>
255        </table>
256
257        <!--{if $smarty.const.USE_MULTIPLE_SHIPPING !== false}-->
258            <p class="alignC">Will you be sending this product multiple destinations?</p>
259        <!--{/if}-->
260        <div class="btn_area">
261            <ul>
262                <!--{if $smarty.const.USE_MULTIPLE_SHIPPING !== false}-->
263                    <li><button class="bt02">Send only to the destination above</button> </li>
264                    <li>
265                    <a class="bt02" href="javascript:;" onclick="fnModeSubmit('multiple', '', ''); return false">Send to multiple destinations</a>
266                    </li>
267                <!--{else}-->
268                    <li><button class="bt02">Next</button>
269                    </li>
270                <!--{/if}-->
271            </ul>
272        </div>
273        </form>
274    </div>
275</div>
Note: See TracBrowser for help on using the repository browser.