source: branches/version-2_13_0/data/Smarty/templates/sphone/shopping/nonmember_input.tpl @ 23205

Revision 23205, 22.8 KB checked in by m_uehara, 9 years ago (diff)

#2378 テンプレートに国・ZIPCODEの項目を追加しました。

  • 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-2013 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>は必須入力項目です。
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>お名前&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="姓" />&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="名"/>
70            </dd>
71
72            <dt>お名前(フリガナ)<!--{if !$smarty.const.FORM_COUNTRY_ENABLE}-->&nbsp;<span class="attention">※</span><!--{/if}--></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            <!--{if $smarty.const.FORM_COUNTRY_ENABLE}-->
90            <dt>国&nbsp;<span class="attention">※</span></dt>
91            <dd>
92                <!--{assign var=key1 value="order_country_id"}-->
93                <div class="attention"><!--{$arrErr[$key1]}--></div>
94                <select name="<!--{$key1}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->">
95                    <option value="" selected="selected">国を選択</option>
96                    <!--{html_options options=$arrCountry selected=$arrForm[$key1].value|h|default:$smarty.const.DEFAULT_COUNTRY_ID}-->
97                </select>
98            </dd>
99
100            <dt>ZIP CODE</dt>
101            <dd>
102                <!--{assign var=key1 value="order_zipcode"}-->
103                <div class="attention"><!--{$arrErr[$key1]}--></div>
104                <input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" class="boxLong text data-role-none" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" />
105            </dd>
106            <!--{/if}-->
107
108            <dt>郵便番号<!--{if !$smarty.const.FORM_COUNTRY_ENABLE}-->&nbsp;<span class="attention">※</span><!--{/if}--></dt>
109            <dd>
110                <!--{assign var=key1 value="order_zip01"}-->
111                <!--{assign var=key2 value="order_zip02"}-->
112                <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
113                <p>
114                    <input type="tel" name="<!--{$key1}-->"
115                        value="<!--{$arrForm[$key1].value|h}-->"
116                        maxlength="<!--{$arrForm[$key1].length}-->"
117                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;-&nbsp;
118                    <input type="tel" name="<!--{$key2}-->"
119                        value="<!--{$arrForm[$key2].value|h}-->"
120                        maxlength="<!--{$arrForm[$key2].length}-->"
121                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;
122                    <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="fn">郵便番号検索</span></a>
123                </p>
124
125                <a href="javascript:eccube.getAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'order_zip01', 'order_zip02', 'order_pref', 'order_addr01');" class="btn_sub btn_inputzip">郵便番号から住所自動入力</a>
126            </dd>
127
128            <dt>住所&nbsp;<span class="attention">※</span></dt>
129            <dd>
130                <!--{assign var=key value="order_pref"}-->
131                <span class="attention"><!--{$arrErr.order_pref}--><!--{$arrErr.order_addr01}--><!--{$arrErr.order_addr02}--></span>
132                <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxHarf top data-role-none">
133                    <option value="" selected="selected">都道府県</option>
134                    <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
135                </select>
136                <!--{assign var=key value="order_addr01"}-->
137                <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" class="boxLong top data-role-none" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" placeholder="市区町村名" />
138                    <!--{assign var=key value="order_addr02"}-->
139                    <input type="text" name="<!--{$key}-->" value="<!--{$arrForm[$key].value|h}-->" class="boxLong data-role-none" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" placeholder="番地・ビル名" />
140            </dd>
141
142            <dt>電話番号&nbsp;<span class="attention">※</span></dt>
143            <dd>
144                <!--{assign var=key1 value="order_tel01"}-->
145                <!--{assign var=key2 value="order_tel02"}-->
146                <!--{assign var=key3 value="order_tel03"}-->
147                <span class="attention"><!--{$arrErr[$key1]}--></span>
148                <span class="attention"><!--{$arrErr[$key2]}--></span>
149                <span class="attention"><!--{$arrErr[$key3]}--></span>
150                <input type="tel" name="<!--{$key1}-->"
151                    value="<!--{$arrForm[$key1].value|h}-->"
152                    maxlength="<!--{$arrForm[$key1].length}-->"
153                    style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
154                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
155                <input type="tel" name="<!--{$key2}-->"
156                    value="<!--{$arrForm[$key2].value|h}-->"
157                    maxlength="<!--{$arrForm[$key2].length}-->"
158                    style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
159                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
160                <input type="tel" name="<!--{$key3}-->"
161                    value="<!--{$arrForm[$key3].value|h}-->"
162                    maxlength="<!--{$arrForm[$key3].length}-->"
163                    style="<!--{$arrErr[$key3]|sfGetErrorColor}-->"
164                    class="boxShort text data-role-none" />
165            </dd>
166
167            <dt>FAX</dt>
168            <dd>
169                <!--{assign var=key1 value="order_fax01"}-->
170                <!--{assign var=key2 value="order_fax02"}-->
171                <!--{assign var=key3 value="order_fax03"}-->
172                <span class="attention"><!--{$arrErr[$key1]}--></span>
173                <span class="attention"><!--{$arrErr[$key2]}--></span>
174                <span class="attention"><!--{$arrErr[$key3]}--></span>
175                <input type="tel" name="<!--{$key1}-->"
176                    value="<!--{$arrForm[$key1].value|h}-->"
177                    maxlength="<!--{$arrForm[$key1].length}-->"
178                    style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
179                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
180                <input type="tel" name="<!--{$key2}-->"
181                    value="<!--{$arrForm[$key2].value|h}-->"
182                    maxlength="<!--{$arrForm[$key2].length}-->"
183                    style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
184                    class="boxShort text data-role-none" />&nbsp;-&nbsp;
185                <input type="tel" name="<!--{$key3}-->"
186                    value="<!--{$arrForm[$key3].value|h}-->"
187                    maxlength="<!--{$arrForm[$key3].length}-->"
188                    style="<!--{$arrErr[$key3]|sfGetErrorColor}-->"
189                    class="boxShort text data-role-none" />
190            </dd>
191
192            <dt>メールアドレス&nbsp;<span class="attention">※</span></dt>
193            <dd>
194                <!--{assign var=key value="order_email"}-->
195                <span class="attention"><!--{$arrErr[$key]}--></span>
196                <input type="email" name="<!--{$key}-->"
197                    value="<!--{$arrForm[$key].value|h}-->"
198                    style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
199                    maxlength="<!--{$arrForm[$key].length}-->" class="boxLong top data-role-none" />
200                <!--{assign var=key value="order_email02"}-->
201                <span class="attention"><!--{$arrErr[$key]}--></span>
202                <input type="email" name="<!--{$key}-->"
203                    value="<!--{$arrForm[$key].value|h}-->"
204                    style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
205                    maxlength="<!--{$arrForm[$key].length}-->" class="boxLong data-role-none" placeholder="確認のため2回入力してください" />
206            </dd>
207
208            <dt>性別&nbsp;<span class="attention">※</span></dt>
209            <dd>
210                <!--{assign var=key value="order_sex"}-->
211                <span class="attention"><!--{$arrErr[$key]}--></span>
212                <!--{if $arrErr[$key]}-->
213                    <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
214                <!--{/if}-->
215                <p style="<!--{$arrErr[$key]|sfGetErrorColor}-->">
216                    <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">男性</label>&nbsp;&nbsp;
217                    <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">女性</label>
218                </p>
219            </dd>
220
221            <dt>職業</dt>
222            <dd>
223                <!--{assign var=key value="order_job"}-->
224                <!--{if $arrErr[$key]}-->
225                    <!--{assign var=err value="background-color: `$smarty.const.ERR_COLOR`"}-->
226                <!--{/if}-->
227                <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxLong data-role-none">
228                    <option value="" selected="selected">選択してください</option>
229                    <!--{html_options options=$arrJob selected=$arrForm[$key].value}-->
230                </select>
231            </dd>
232
233            <dt>生年月日</dt>
234            <dd>
235                <!--{assign var=errBirth value="`$arrErr.year``$arrErr.month``$arrErr.day`"}-->
236                <div class="attention"><!--{$errBirth}--></div>
237                <select name="year" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
238                    <!--{html_options options=$arrYear selected=$arrForm.year.value|default:''}-->
239                </select><span class="selectdate">年</span>
240
241                <select name="month" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
242                    <!--{html_options options=$arrMonth selected=$arrForm.month.value|default:''}-->
243                </select><span class="selectdate">月</span>
244
245                <select name="day" style="<!--{$errBirth|sfGetErrorColor}-->" class="boxShort data-role-none">
246                    <!--{html_options options=$arrDay selected=$arrForm.day.value|default:''}-->
247                </select><span class="selectdate">日</span>
248            </dd>
249
250            <dt class="bg_head">
251                <!--{assign var=key value="deliv_check"}-->
252                <input class="radio_btn data-role-none" type="checkbox" name="<!--{$key}-->" value="1" onchange="fnDelivToggle($('#add_deliv_area')); eccube.toggleDeliveryForm();" <!--{$arrForm[$key].value|sfGetChecked:1}--> id="deliv_label" />
253                <label for="deliv_label"><span class="fb">お届け先を指定</span></label>
254            </dt>
255            <dd>
256                <br />※上記に入力された住所と同一の場合は省略可能です。
257            </dd>
258
259            <div id="add_deliv_area">
260                <dt>お名前&nbsp;<span class="attention">※</span></dt>
261                <dd>
262                    <!--{assign var=key1 value="shipping_name01"}-->
263                    <!--{assign var=key2 value="shipping_name02"}-->
264                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
265                    <input type="text" name="<!--{$key1}-->"
266                        value="<!--{$arrForm[$key1].value|h}-->"
267                        maxlength="<!--{$arrForm[$key1].length}-->"
268                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
269                        class="boxHarf text data-role-none" placeholder="姓" />&nbsp;&nbsp;
270                    <input type="text" name="<!--{$key2}-->"
271                        value="<!--{$arrForm[$key2].value|h}-->"
272                        maxlength="<!--{$arrForm[$key2].length}-->"
273                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
274                        class="boxHarf text data-role-none" placeholder="名"/>
275                </dd>
276
277                <dt>フリガナ<!--{if !$smarty.const.FORM_COUNTRY_ENABLE}-->&nbsp;<span class="attention">※</span><!--{/if}--></dt>
278                <dd>
279                    <!--{assign var=key1 value="shipping_kana01"}-->
280                    <!--{assign var=key2 value="shipping_kana02"}-->
281                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
282                    <input type="text" name="<!--{$key1}-->"
283                        value="<!--{$arrForm[$key1].value|h}-->"
284                        maxlength="<!--{$arrForm[$key1].length}-->"
285                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
286                        class="boxHarf text data-role-none" placeholder="セイ"/>&nbsp;&nbsp;
287                    <input type="text" name="<!--{$key2}-->"
288                        value="<!--{$arrForm[$key2].value|h}-->"
289                        maxlength="<!--{$arrForm[$key2].length}-->"
290                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
291                        class="boxHarf text data-role-none" placeholder="メイ"/>
292                </dd>
293           
294                <!--{if $smarty.const.FORM_COUNTRY_ENABLE}-->
295                <dt>国&nbsp;<span class="attention">※</span></dt>
296                <dd>
297                    <!--{assign var=key1 value="shipping_country_id"}-->
298                    <div class="attention"><!--{$arrErr[$key1]}--></div>
299                    <select name="<!--{$key1}-->" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->">
300                        <option value="" selected="selected">国を選択</option>
301                        <!--{html_options options=$arrCountry selected=$arrForm[$key1].value|h|default:$smarty.const.DEFAULT_COUNTRY_ID}-->
302                    </select>
303                </dd>
304
305                <dt>ZIP CODE</dt>
306                <dd>
307                    <!--{assign var=key1 value="shipping_zipcode"}-->
308                    <div class="attention"><!--{$arrErr[$key1]}--></div>
309                    <input type="text" name="<!--{$key1}-->" value="<!--{$arrForm[$key1].value|h}-->" maxlength="<!--{$arrForm[$key1].length}-->" class="boxLong text data-role-none" style="<!--{$arrErr[$key1]|sfGetErrorColor}-->; ime-mode: disabled;" />
310                </dd>
311                <!--{/if}-->
312
313                <dt>郵便番号<!--{if !$smarty.const.FORM_COUNTRY_ENABLE}-->&nbsp;<span class="attention">※</span><!--{/if}--></dt>
314                <dd>
315                    <!--{assign var=key1 value="shipping_zip01"}-->
316                    <!--{assign var=key2 value="shipping_zip02"}-->
317                    <span class="attention"><!--{$arrErr[$key1]}--><!--{$arrErr[$key2]}--></span>
318                    <p>
319                        <input type="tel" name="<!--{$key1}-->"
320                            value="<!--{$arrForm[$key1].value|h}-->"
321                            maxlength="<!--{$arrForm[$key1].length}-->"
322                            style="<!--{$arrErr[$key1]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;-&nbsp;
323                        <input type="tel" name="<!--{$key2}-->"
324                            value="<!--{$arrForm[$key2].value|h}-->"
325                            maxlength="<!--{$arrForm[$key2].length}-->"
326                            style="<!--{$arrErr[$key2]|sfGetErrorColor}-->" class="boxShort text data-role-none" />&nbsp;
327                        <a href="http://search.post.japanpost.jp/zipcode/" target="_blank"><span class="fn">郵便番号検索</span></a>
328                    </p>
329
330                    <a href="javascript:eccube.getAddress('<!--{$smarty.const.INPUT_ZIP_URLPATH}-->', 'shipping_zip01', 'shipping_zip02', 'shipping_pref', 'shipping_addr01');" class="btn_sub btn_inputzip">郵便番号から住所自動入力</a>
331                </dd>
332
333                <dt>住所&nbsp;<span class="attention">※</span></dt>
334                <dd>
335                    <!--{assign var=key value="shipping_pref"}-->
336                    <span class="attention"><!--{$arrErr.shipping_pref}--><!--{$arrErr.shipping_addr01}--><!--{$arrErr.shipping_addr02}--></span>
337                    <select name="<!--{$key}-->" style="<!--{$arrErr[$key]|sfGetErrorColor}-->" class="boxHarf top data-role-none">
338                        <option value="" selected="selected">都道府県</option>
339                        <!--{html_options options=$arrPref selected=$arrForm[$key].value}-->
340                    </select>
341                    <!--{assign var=key value="shipping_addr01"}-->
342                    <input type="text" name="<!--{$key}-->"
343                        value="<!--{$arrForm[$key].value|h}-->"
344                        class="boxLong top data-role-none"
345                        style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
346                        placeholder="市区町村名" />
347                    <!--{assign var=key value="shipping_addr02"}-->
348                    <input type="text" name="<!--{$key}-->"
349                        value="<!--{$arrForm[$key].value|h}-->"
350                        class="boxLong data-role-none"
351                        style="<!--{$arrErr[$key]|sfGetErrorColor}-->"
352                        placeholder="番地・ビル名" />
353                </dd>
354
355                <dt>電話番号&nbsp;<span class="attention">※</span></dt>
356                <dd>
357                    <!--{assign var=key1 value="shipping_tel01"}-->
358                    <!--{assign var=key2 value="shipping_tel02"}-->
359                    <!--{assign var=key3 value="shipping_tel03"}-->
360                    <span class="attention"><!--{$arrErr[$key1]}--></span>
361                    <span class="attention"><!--{$arrErr[$key2]}--></span>
362                    <span class="attention"><!--{$arrErr[$key3]}--></span>
363                    <input type="tel" name="<!--{$key1}-->"
364                        value="<!--{$arrForm[$key1].value|h}-->"
365                        maxlength="<!--{$arrForm[$key1].length}-->"
366                        style="<!--{$arrErr[$key1]|sfGetErrorColor}-->"
367                        class="boxShort text data-role-none" />&nbsp;-&nbsp;
368                    <input type="tel" name="<!--{$key2}-->"
369                        value="<!--{$arrForm[$key2].value|h}-->"
370                        maxlength="<!--{$arrForm[$key2].length}-->"
371                        style="<!--{$arrErr[$key2]|sfGetErrorColor}-->"
372                        class="boxShort text data-role-none" />&nbsp;-&nbsp;
373                    <input type="tel" name="<!--{$key3}-->"
374                        value="<!--{$arrForm[$key3].value|h}-->"
375                        maxlength="<!--{$arrForm[$key3].length}-->"
376                        style="<!--{$arrErr[$key3]|sfGetErrorColor}-->"
377                        class="boxShort text data-role-none" />
378                </dd>
379                <!--{if $smarty.const.USE_MULTIPLE_SHIPPING !== false}-->
380                    <dd class="pb">
381                        <a class="btn_more" href="javascript:eccube.setModeAndSubmit('multiple', '', '');">お届け先を複数指定する</a>
382                    </dd>
383                <!--{/if}-->
384            </div>
385
386            <div class="btn_area">
387                <p><input type="submit" value="次へ" class="btn data-role-none" alt="次へ" name="next" id="next" /></p>
388            </div>
389        </dl>
390    </form>
391</section>
392
393<!--{include file= 'frontparts/search_area.tpl'}-->
394
395<!--▲コンテンツここまで -->
Note: See TracBrowser for help on using the repository browser.