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

Revision 22222, 21.8 KB checked in by m_uehara, 11 years ago (diff)

#2004 郵便番号を2カラムから1カラムに変更しました。

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<script type="text/javascript">//<![CDATA[
24    $(function(){
25        //お届け先エリアを非表示にする(初期値)
26        if ('1' != '<!--{$arrForm.deliv_check.value}-->') {
27            $("#add_deliv_area").hide();
28        }
29    });
30    //お届け先エリアの表示/非表示
31    var speed = 1000; //表示アニメのスピード(ミリ秒)
32    var stateDeliv = 1;
33    function fnDelivToggle(areaEl) {
34        areaEl.toggle(speed);
35        if (stateDeliv == 0) {
36            stateDeliv = 1;
37        } else {
38            stateDeliv = 0
39        }
40    }
41//]]></script>
42
43<section id="undercolumn">
44    <h2 class="title"><!--{$tpl_title|h}--></h2>
45    <div class="information end">
46        <span class="attention">*</span> is an item that require input.
47    </div>
48
49    <form name="form1" id="form1" method="post" action="?">
50        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
51        <input type="hidden" name="mode" value="nonmember_confirm" />
52        <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
53
54        <dl class="form_entry">
55            <dt>Name&nbsp;<span class="attention">*</span></dt>
56            <dd>
57                <!--{assign var=key1 value="order_name01"}-->
58                <!--{assign var=key2 value="order_name02"}-->
59                <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
60                <input type="text" name="<!--{$key1}-->"
61                    value="<!--{$arrForm[$key1].value|h}-->"
62                    maxlength="<!--{$arrForm[$key1].length}-->"
63                    style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
64                    class="boxHarf text data-role-none" placeholder="Last name" />&nbsp;&nbsp;
65                <input type="text" name="<!--{$key2}-->"
66                    value="<!--{$arrForm[$key2].value|h}-->"
67                    maxlength="<!--{$arrForm[$key2].length}-->"
68                    style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
69                    class="boxHarf text data-role-none" placeholder="Name"/>
70            </dd>
71
72            <dt>お名前(フリガナ)&nbsp;<span class="attention">*</span></dt>
73            <dd>
74                <!--{assign var=key1 value="order_kana01"}-->
75                <!--{assign var=key2 value="order_kana02"}-->
76                <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
77                <input type="text" name="<!--{$key1}-->"
78                    value="<!--{$arrForm[$key1].value|h}-->"
79                    maxlength="<!--{$arrForm[$key1].length}-->"
80                    style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
81                    class="boxHarf text data-role-none" placeholder="セイ"/>&nbsp;&nbsp;
82                <input type="text" name="<!--{$key2}-->"
83                    value="<!--{$arrForm[$key2].value|h}-->"
84                    maxlength="<!--{$arrForm[$key2].length}-->"
85                    style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
86                    class="boxHarf text data-role-none" placeholder="メイ"/>
87            </dd>
88
89            <dt>Postal code&nbsp;<span class="attention">*</span></dt>
90            <dd>
91                <!--{* <!--{assign var=key1 value="order_zip01"}--> *}-->
92                <!--{* <!--{assign var=key2 value="order_zip02"}--> *}-->
93                <!--{assign var=key1 value="order_zipcode"}-->
94
95                <!--{* <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span> *}-->
96                <span class="attention"><!--{$arrErr[$key1]}--></span>
97
98                <p>
99                    <!--{*
100                    <input type="tel" name="<!--{$key1}-->"
101                        value="<!--{$arrForm[$key1].value|h}-->"
102                        max="<!--{$arrForm[$key1].length}-->"
103                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;-&nbsp;
104                    <input type="tel" name="<!--{$key2}-->"
105                        value="<!--{$arrForm[$key2].value|h}-->"
106                        max="<!--{$arrForm[$key2].length}-->"
107                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp; *}-->
108                    <input type="tel" name="<!--{$key1}-->"
109                        value="<!--{$arrForm[$key1].value|h}-->"
110                        max="<!--{$arrForm[$key1].length}-->"
111                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;
112                    <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="fn">Postal code search</span></a>
113                </p>
114
115                <!--{* <a href="javascript:fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'order_zip01', 'order_zip02', 'order_pref', 'order_addr01');" class="btn_sub btn_inputzip">Automatic address input from postal code</a> *}-->
116            </dd>
117
118            <dt>Address&nbsp;<span class="attention">*</span></dt>
119            <dd>
120                <!--{assign var=key value="order_pref"}-->
121                <span class="attention"><!--{$arrErr.order_pref}--><!--{$arrErr.order_addr01}--><!--{$arrErr.order_addr02}--></span>
122                <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxHarf top data-role-none">
123                    <option value="" selected="selected">Prefecture</option>
124                    <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
125                </select>
126                <!--{assign var=key value="order_addr01"}-->
127                <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" class="boxLong top data-role-none" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" placeholder="Municipality name" />
128                    <!--{assign var=key value="order_addr02"}-->
129                    <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" class="boxLong data-role-none" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" placeholder="House number/building name" />
130            </dd>
131
132            <dt>Telephone number&nbsp;<span class="attention">*</span></dt>
133            <dd>
134                <!--{assign var=key1 value="order_tel01"}-->
135                <!--{assign var=key2 value="order_tel02"}-->
136                <!--{assign var=key3 value="order_tel03"}-->
137                <span class="attention"><!--{$arrErr[$key1]}--></span>
138                <span class="attention"><!--{$arrErr[$key2]}--></span>
139                <span class="attention"><!--{$arrErr[$key3]}--></span>
140                <input type="tel" name="<!--{$key1}-->"
141                    value="<!--{$arrForm[$key1].value|h}-->"
142                    maxlength="<!--{$arrForm[$key1].length}-->"
143                    style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
144                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
145                <input type="tel" name="<!--{$key2}-->"
146                    value="<!--{$arrForm[$key2].value|h}-->"
147                    maxlength="<!--{$arrForm[$key2].length}-->"
148                    style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
149                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
150                <input type="tel" name="<!--{$key3}-->"
151                    value="<!--{$arrForm[$key3].value|h}-->"
152                    maxlength="<!--{$arrForm[$key3].length}-->"
153                    style="<!--{$arrErr[$key3]|sfGetErrorColor}-->"
154                    class="boxShort text data-role-none" />
155            </dd>
156
157            <dt>FAX</dt>
158            <dd>
159                <!--{assign var=key1 value="order_fax01"}-->
160                <!--{assign var=key2 value="order_fax02"}-->
161                <!--{assign var=key3 value="order_fax03"}-->
162                <span class="attention"><!--{$arrErr[$key1]}--></span>
163                <span class="attention"><!--{$arrErr[$key2]}--></span>
164                <span class="attention"><!--{$arrErr[$key3]}--></span>
165                <input type="tel" name="<!--{$key1}-->"
166                    value="<!--{$arrForm[$key1].value|h}-->"
167                    maxlength="<!--{$arrForm[$key1].length}-->"
168                    style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
169                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
170                <input type="tel" name="<!--{$key2}-->"
171                    value="<!--{$arrForm[$key2].value|h}-->"
172                    maxlength="<!--{$arrForm[$key2].length}-->"
173                    style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
174                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
175                <input type="tel" name="<!--{$key3}-->"
176                    value="<!--{$arrForm[$key3].value|h}-->"
177                    maxlength="<!--{$arrForm[$key3].length}-->"
178                    style="<!--{$arrErr[$key3]|sfGetErrorColor}-->"
179                    class="boxShort text data-role-none" />
180            </dd>
181
182            <dt>E-mail address&nbsp;<span class="attention">*</span></dt>
183            <dd>
184                <!--{assign var=key value="order_email"}-->
185                <span class="attention"><!--{$arrErr[$key]}--></span>
186                <input type="email" name="<!--{$key}-->"
187                    value="<!--{$arrForm[$key].value|h}-->"
188                    style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
189                    maxlength="<!--{$arrForm[$key].length}-->" class="boxLong top data-role-none" />
190                <!--{assign var=key value="order_email02"}-->
191                <span class="attention"><!--{$arrErr[$key]}--></span>
192                <input type="email" name="<!--{$key}-->"
193                    value="<!--{$arrForm[$key].value|h}-->"
194                    style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
195                    maxlength="<!--{$arrForm[$key].length}-->" class="boxLong data-role-none" placeholder="Input twice for confirmation" />
196            </dd>
197
198            <dt>Gender&nbsp;<span class="attention">*</span></dt>
199            <dd>
200                <!--{assign var=key value="order_sex"}-->
201                <span class="attention"><!--{$arrErr[$key]}--></span>
202                <!--{if $arrErr[$key]}-->
203                    <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
204                <!--{/if}-->
205                <p style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
206                    <input type="radio" id="man" name="<!--{$key}-->" value="1" <!--{if $arrForm[$key].value eq 1}--> checked="checked" <!--{/if}--> class="data-role-none" /><label for="man">Male</label>&nbsp;&nbsp;
207                    <input type="radio" id="woman" name="<!--{$key}-->" value="2" <!--{if $arrForm[$key].value eq 2}--> checked="checked" <!--{/if}--> class="data-role-none" /><label for="woman">Female</label>
208                </p>
209            </dd>
210
211            <dt>Occupation</dt>
212            <dd>
213                <!--{assign var=key value="order_job"}-->
214                <!--{if $arrErr[$key]}-->
215                    <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
216                <!--{/if}-->
217                <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxLong data-role-none">
218                    <option value="" selected="selected">Please make a selection</option>
219                    <!--{html_options options=$arrJob selected=$arrForm[$key].value}-->
220                </select>
221            </dd>
222
223            <dt>Date of birth</dt>
224            <dd>
225                <!--{assign var=errBirth value="`$arrErr.year``$arrErr.month``$arrErr.day`"}-->
226                <div class="attention"><!--{$errBirth}--></div>
227                <select name="year" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
228                    <!--{html_options options=$arrYear selected=$arrForm.year.value|default:''}-->
229                </select><span class="selectdate">年</span>
230
231                <select name="month" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
232                    <!--{html_options options=$arrMonth selected=$arrForm.month.value|default:''}-->
233                </select><span class="selectdate">月</span>
234
235                <select name="day" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
236                    <!--{html_options options=$arrDay selected=$arrForm.day.value|default:''}-->
237                </select><span class="selectdate">日</span>
238            </dd>
239
240            <dt class="bg_head">
241                <!--{assign var=key value="deliv_check"}-->
242                <input class="radio_btn data-role-none" type="checkbox" name="<!--{$key}-->" value="1" onchange="fnDelivToggle($('#add_deliv_area')); fnCheckInputDeliv();" <!--{$arrForm[$key].value|sfGetChecked:1}--> id="deliv_label" />
243                <label for="deliv_label"><span class="fb">Designation of delivery destination</span></label>
244            </dt>
245            <dd>
246                <br />* If the address is the same as the one input above, it can be omitted.
247            </dd>
248
249            <div id="add_deliv_area">
250                <dt>Name&nbsp;<span class="attention">*</span></dt>
251                <dd>
252                    <!--{assign var=key1 value="shipping_name01"}-->
253                    <!--{assign var=key2 value="shipping_name02"}-->
254                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
255                    <input type="text" name="<!--{$key1}-->"
256                        value="<!--{$arrForm[$key1].value|h}-->"
257                        maxlength="<!--{$arrForm[$key1].length}-->"
258                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
259                        class="boxHarf text data-role-none" placeholder="Last name" />&nbsp;&nbsp;
260                    <input type="text" name="<!--{$key2}-->"
261                        value="<!--{$arrForm[$key2].value|h}-->"
262                        maxlength="<!--{$arrForm[$key2].length}-->"
263                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
264                        class="boxHarf text data-role-none" placeholder="Name"/>
265                </dd>
266
267                <dt>フリガナ&nbsp;<span class="attention">*</span></dt>
268                <dd>
269                    <!--{assign var=key1 value="shipping_kana01"}-->
270                    <!--{assign var=key2 value="shipping_kana02"}-->
271                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
272                    <input type="text" name="<!--{$key1}-->"
273                        value="<!--{$arrForm[$key1].value|h}-->"
274                        maxlength="<!--{$arrForm[$key1].length}-->"
275                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
276                        class="boxHarf text data-role-none" placeholder="セイ"/>&nbsp;&nbsp;
277                    <input type="text" name="<!--{$key2}-->"
278                        value="<!--{$arrForm[$key2].value|h}-->"
279                        maxlength="<!--{$arrForm[$key2].length}-->"
280                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
281                        class="boxHarf text data-role-none" placeholder="メイ"/>
282                </dd>
283
284                <dt>Postal code&nbsp;<span class="attention">*</span></dt>
285                <dd>
286                    <!--{* <!--{assign var=key1 value="shipping_zip01"}--> *}-->
287                    <!--{* <!--{assign var=key2 value="shipping_zip02"}--> *}-->
288                    <!--{assign var=key1 value="shipping_zipcode"}-->
289
290                    <!--{* <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span> *}-->
291                    <span class="attention"><!--{$arrErr[$key1]}--></span>
292
293                    <p>
294                        <!--{*
295                        <input type="tel" name="<!--{$key1}-->"
296                            value="<!--{$arrForm[$key1].value|h}-->"
297                            max="<!--{$arrForm[$key1].length}-->"
298                            style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;-&nbsp;
299                        <input type="tel" name="<!--{$key2}-->"
300                            value="<!--{$arrForm[$key2].value|h}-->"
301                            max="<!--{$arrForm[$key2].length}-->"
302                            style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;
303                        *}-->
304                        <input type="tel" name="<!--{$key1}-->"
305                            value="<!--{$arrForm[$key1].value|h}-->"
306                            max="<!--{$arrForm[$key1].length}-->"
307                            style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;
308                        <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="fn">Postal code search</span></a>
309                    </p>
310
311                    <!--{* <a href="javascript:fnCallAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'shipping_zip01', 'shipping_zip02', 'shipping_pref', 'shipping_addr01');" class="btn_sub btn_inputzip">Automatic address input from postal code</a> *}-->
312                </dd>
313
314                <dt>Address&nbsp;<span class="attention">*</span></dt>
315                <dd>
316                    <!--{assign var=key value="shipping_pref"}-->
317                    <span class="attention"><!--{$arrErr.shipping_pref}--><!--{$arrErr.shipping_addr01}--><!--{$arrErr.shipping_addr02}--></span>
318                    <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxHarf top data-role-none">
319                        <option value="" selected="selected">Prefecture</option>
320                        <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
321                    </select>
322                    <!--{assign var=key value="shipping_addr01"}-->
323                    <input type="text" name="<!--{$key}-->"
324                        value="<!--{$arrForm[$key].value|h}-->"
325                        class="boxLong top data-role-none"
326                        style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
327                        placeholder="Municipality name" />
328                    <!--{assign var=key value="shipping_addr02"}-->
329                    <input type="text" name="<!--{$key}-->"
330                        value="<!--{$arrForm[$key].value|h}-->"
331                        class="boxLong data-role-none"
332                        style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
333                        placeholder="House number/building name" />
334                </dd>
335
336                <dt>Telephone number&nbsp;<span class="attention">*</span></dt>
337                <dd>
338                    <!--{assign var=key1 value="shipping_tel01"}-->
339                    <!--{assign var=key2 value="shipping_tel02"}-->
340                    <!--{assign var=key3 value="shipping_tel03"}-->
341                    <span class="attention"><!--{$arrErr[$key1]}--></span>
342                    <span class="attention"><!--{$arrErr[$key2]}--></span>
343                    <span class="attention"><!--{$arrErr[$key3]}--></span>
344                    <input type="tel" name="<!--{$key1}-->"
345                        value="<!--{$arrForm[$key1].value|h}-->"
346                        maxlength="<!--{$arrForm[$key1].length}-->"
347                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
348                        class="boxShort text data-role-none" />&nbsp;-&nbsp;
349                    <input type="tel" name="<!--{$key2}-->"
350                        value="<!--{$arrForm[$key2].value|h}-->"
351                        maxlength="<!--{$arrForm[$key2].length}-->"
352                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
353                        class="boxShort text data-role-none" />&nbsp;-&nbsp;
354                    <input type="tel" name="<!--{$key3}-->"
355                        value="<!--{$arrForm[$key3].value|h}-->"
356                        maxlength="<!--{$arrForm[$key3].length}-->"
357                        style="<!--{$arrErr[$key3]|sfGetErrorColor}-->"
358                        class="boxShort text data-role-none" />
359                </dd>
360                <!--{if $smarty.const.USE_MULTIPLE_SHIPPING !== false}-->
361                    <dd class="pb">
362                        <a class="btn_more" href="javascript:fnModeSubmit('multiple', '', '');">Designate multiple delivery destinations</a>
363                    </dd>
364                <!--{/if}-->
365            </div>
366
367            <div class="btn_area">
368                <p><input type="submit" value="Next" class="btn data-role-none" alt="Next" name="next" id="next" /></p>
369            </div>
370        </dl>
371    </form>
372</section>
373
374<!--▼検索バー -->
375<section id="search_area">
376    <form method="get" action="<!--{$smarty.const.ROOT_URLPATH}-->products/list.php">
377        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
378        <input type="hidden" name="mode" value="search" />
379        <input type="search" name="name" id="search" value="" placeholder="Input keyword" class="searchbox" >
380    </form>
381</section>
382<!--▲検索バー -->
383<!--▲コンテンツここまで -->
Note: See TracBrowser for help on using the repository browser.