source: branches/version-2_13-dev/data/Smarty/templates/default/shopping/confirm.tpl @ 23109

Revision 23109, 19.7 KB checked in by pineray, 9 years ago (diff)

#2349 マウスオーバーで画像を切り替える処理をスマートにする
残りの対応.

  • 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" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.js"></script>
24<link rel="stylesheet" type="text/css" href="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.css" media="screen" />
25<script type="text/javascript">//<![CDATA[
26    var sent = false;
27
28    function fnCheckSubmit() {
29        if (sent) {
30            alert("只今、処理中です。しばらくお待ち下さい。");
31            return false;
32        }
33        sent = true;
34        return true;
35    }
36
37    $(document).ready(function() {
38        $('a.expansion').facebox({
39            loadingImage : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/loading.gif',
40            closeImage   : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/closelabel.png'
41        });
42    });
43//]]></script>
44
45<!--CONTENTS-->
46<div id="undercolumn">
47    <div id="undercolumn_shopping">
48        <p class="flow_area"><img src="<!--{$TPL_URLPATH}-->img/picture/img_flow_03.jpg" alt="購入手続きの流れ" /></p>
49        <h2 class="title"><!--{$tpl_title|h}--></h2>
50
51        <p class="information">下記ご注文内容で送信してもよろしいでしょうか?<br />
52            よろしければ、「<!--{if $use_module}-->次へ<!--{else}-->ご注文完了ページへ<!--{/if}-->」ボタンをクリックしてください。</p>
53
54        <form name="form1" id="form1" method="post" action="?">
55            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
56            <input type="hidden" name="mode" value="confirm" />
57            <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
58
59            <div class="btn_area">
60                <ul>
61                    <li>
62                        <a href="./payment.php">
63                            <img class="hover_change_image" src="<!--{$TPL_URLPATH}-->img/button/btn_back.jpg" alt="戻る" />
64                        </a>
65                    </li>
66                        <!--{if $use_module}-->
67                    <li>
68                        <input type="image" onclick="return fnCheckSubmit();" class="hover_change_image" src="<!--{$TPL_URLPATH}-->img/button/btn_next.jpg" alt="次へ" name="next-top" id="next-top" />
69                    </li>
70                        <!--{else}-->
71                    <li>
72                        <input type="image" onclick="return fnCheckSubmit();" class="hover_change_image" src="<!--{$TPL_URLPATH}-->img/button/btn_order_complete.jpg" alt="ご注文完了ページへ" name="next-top" id="next-top" />
73                    </li>
74                    <!--{/if}-->
75                </ul>
76            </div>
77
78            <table summary="ご注文内容確認">
79                <col width="10%" />
80                <col width="40%" />
81                <col width="20%" />
82                <col width="10%" />
83                <col width="20%" />
84                <tr>
85                    <th scope="col">商品写真</th>
86                    <th scope="col">商品名</th>
87                    <th scope="col">単価</th>
88                    <th scope="col">数量</th>
89                    <th scope="col">小計</th>
90                </tr>
91                <!--{foreach from=$arrCartItems item=item}-->
92                    <tr>
93                        <td class="alignC">
94                            <a
95                                <!--{if $item.productsClass.main_image|strlen >= 1}--> href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$item.productsClass.main_image|sfNoImageMainList|h}-->" class="expansion" target="_blank"
96                                <!--{/if}-->
97                            >
98                                <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->" style="max-width: 65px;max-height: 65;" alt="<!--{$item.productsClass.name|h}-->" /></a>
99                        </td>
100                        <td>
101                            <ul>
102                                <li><strong><!--{$item.productsClass.name|h}--></strong></li>
103                                <!--{if $item.productsClass.classcategory_name1 != ""}-->
104                                <li><!--{$item.productsClass.class_name1|h}-->:<!--{$item.productsClass.classcategory_name1|h}--></li>
105                                <!--{/if}-->
106                                <!--{if $item.productsClass.classcategory_name2 != ""}-->
107                                <li><!--{$item.productsClass.class_name2|h}-->:<!--{$item.productsClass.classcategory_name2|h}--></li>
108                                <!--{/if}-->
109                            </ul>
110                        </td>
111                        <td class="alignR">
112                            <!--{$item.price_inctax|number_format}-->円
113                        </td>
114                        <td class="alignR"><!--{$item.quantity|number_format}--></td>
115                        <td class="alignR"><!--{$item.total_inctax|number_format}-->円</td>
116                    </tr>
117                <!--{/foreach}-->
118                <tr>
119                    <th colspan="4" class="alignR" scope="row">小計</th>
120                    <td class="alignR"><!--{$tpl_total_inctax[$cartKey]|number_format}-->円</td>
121                </tr>
122                <!--{if $smarty.const.USE_POINT !== false}-->
123                    <!--{if $arrForm.use_point > 0}-->
124                    <tr>
125                        <th colspan="4" class="alignR" scope="row">値引き(ポイントご使用時)</th>
126                        <td class="alignR">
127                            <!--{assign var=discount value=`$arrForm.use_point*$smarty.const.POINT_VALUE`}-->
128                            -<!--{$discount|number_format|default:0}-->円</td>
129                    </tr>
130                    <!--{/if}-->
131                <!--{/if}-->
132                <tr>
133                    <th colspan="4" class="alignR" scope="row">送料</th>
134                    <td class="alignR"><!--{$arrForm.deliv_fee|number_format}-->円</td>
135                </tr>
136                <tr>
137                    <th colspan="4" class="alignR" scope="row">手数料</th>
138                    <td class="alignR"><!--{$arrForm.charge|number_format}-->円</td>
139                </tr>
140                <tr>
141                    <th colspan="4" class="alignR" scope="row">合計</th>
142                    <td class="alignR"><span class="price"><!--{$arrForm.payment_total|number_format}-->円</span></td>
143                </tr>
144            </table>
145
146            <!--{* ログイン済みの会員のみ *}-->
147            <!--{if $tpl_login == 1 && $smarty.const.USE_POINT !== false}-->
148                <table summary="ポイント確認" class="delivname">
149                <col width="30%" />
150                <col width="70%" />
151                    <tr>
152                        <th scope="row">ご注文前のポイント</th>
153                        <td><!--{$tpl_user_point|number_format|default:0}-->Pt</td>
154                    </tr>
155                    <tr>
156                        <th scope="row">ご使用ポイント</th>
157                        <td>-<!--{$arrForm.use_point|number_format|default:0}-->Pt</td>
158                    </tr>
159                    <!--{if $arrForm.birth_point > 0}-->
160                    <tr>
161                        <th scope="row">お誕生月ポイント</th>
162                        <td>+<!--{$arrForm.birth_point|number_format|default:0}-->Pt</td>
163                    </tr>
164                    <!--{/if}-->
165                    <tr>
166                        <th scope="row">今回加算予定のポイント</th>
167                        <td>+<!--{$arrForm.add_point|number_format|default:0}-->Pt</td>
168                    </tr>
169                    <tr>
170                    <!--{assign var=total_point value=`$tpl_user_point-$arrForm.use_point+$arrForm.add_point`}-->
171                        <th scope="row">加算後のポイント</th>
172                        <td><!--{$total_point|number_format}-->Pt</td>
173                    </tr>
174                </table>
175            <!--{/if}-->
176            <!--{* ログイン済みの会員のみ *}-->
177
178            <!--{* ▼注文者 *}-->
179            <h3>ご注文者</h3>
180            <table summary="ご注文者" class="customer">
181                <col width="30%" />
182                <col width="70%" />
183                <tbody>
184                    <tr>
185                        <th scope="row">お名前</th>
186                        <td><!--{$arrForm.order_name01|h}--> <!--{$arrForm.order_name02|h}--></td>
187                    </tr>
188                    <tr>
189                        <th scope="row">お名前(フリガナ)</th>
190                        <td><!--{$arrForm.order_kana01|h}--> <!--{$arrForm.order_kana02|h}--></td>
191                    </tr>
192                    <tr>
193                        <th scope="row">会社名</th>
194                        <td><!--{$arrForm.order_company_name|h}--></td>
195                    </tr>
196                    <!--{if $smarty.const.FORM_COUNTRY_ENABLE}-->
197                    <tr>
198                        <th scope="row">国</th>
199                        <td><!--{$arrCountry[$arrForm.order_country_id]|h}--></td>
200                    </tr>
201                    <tr>
202                        <th scope="row">ZIPCODE</th>
203                        <td><!--{$arrForm.order_zipcode|h}--></td>
204                    </tr>
205                    <!--{/if}-->
206                    <tr>
207                        <th scope="row">郵便番号</th>
208                        <td>〒<!--{$arrForm.order_zip01|h}-->-<!--{$arrForm.order_zip02|h}--></td>
209                    </tr>
210                    <tr>
211                        <th scope="row">住所</th>
212                        <td><!--{$arrPref[$arrForm.order_pref]}--><!--{$arrForm.order_addr01|h}--><!--{$arrForm.order_addr02|h}--></td>
213                    </tr>
214                    <tr>
215                        <th scope="row">電話番号</th>
216                        <td><!--{$arrForm.order_tel01}-->-<!--{$arrForm.order_tel02}-->-<!--{$arrForm.order_tel03}--></td>
217                    </tr>
218                    <tr>
219                        <th scope="row">FAX番号</th>
220                        <td>
221                            <!--{if $arrForm.order_fax01 > 0}-->
222                                <!--{$arrForm.order_fax01}-->-<!--{$arrForm.order_fax02}-->-<!--{$arrForm.order_fax03}-->
223                            <!--{/if}-->
224                        </td>
225                    </tr>
226                    <tr>
227                        <th scope="row">メールアドレス</th>
228                        <td><!--{$arrForm.order_email|h}--></td>
229                    </tr>
230                    <tr>
231                        <th scope="row">性別</th>
232                        <td><!--{$arrSex[$arrForm.order_sex]|h}--></td>
233                    </tr>
234                    <tr>
235                        <th scope="row">職業</th>
236                        <td><!--{$arrJob[$arrForm.order_job]|default:'(未登録)'|h}--></td>
237                    </tr>
238                    <tr>
239                        <th scope="row">生年月日</th>
240                        <td>
241                            <!--{$arrForm.order_birth|regex_replace:"/ .+/":""|regex_replace:"/-/":"/"|default:'(未登録)'|h}-->
242                        </td>
243                    </tr>
244                </tbody>
245            </table>
246
247            <!--{* ▼お届け先 *}-->
248            <!--{foreach item=shippingItem from=$arrShipping name=shippingItem}-->
249                <h3>お届け先<!--{if $is_multiple}--><!--{$smarty.foreach.shippingItem.iteration}--><!--{/if}--></h3>
250                <!--{if $is_multiple}-->
251                    <table summary="ご注文内容確認">
252                        <col width="10%" />
253                        <col width="60%" />
254                        <col width="20%" />
255                        <col width="10%" />
256                        <tr>
257                            <th scope="col">商品写真</th>
258                            <th scope="col">商品名</th>
259                            <th scope="col">数量</th>
260                            <th scope="col">小計</th>
261                        </tr>
262                        <!--{foreach item=item from=$shippingItem.shipment_item}-->
263                            <tr>
264                                <td class="alignC">
265                                    <a
266                                        <!--{if $item.productsClass.main_image|strlen >= 1}--> href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$item.productsClass.main_image|sfNoImageMainList|h}-->" class="expansion" target="_blank"
267                                        <!--{/if}-->
268                                    >
269                                        <img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$item.main_list_image|sfNoImageMainList|h}-->" style="max-width: 65px;max-height: 65;" alt="<!--{$item.productsClass.name|h}-->" /></a>
270                                </td>
271                                <td><!--{* 商品名 *}--><strong><!--{$item.productsClass.name|h}--></strong><br />
272                                    <!--{if $item.productsClass.classcategory_name1 != ""}-->
273                                        <!--{$item.productsClass.class_name1}-->:<!--{$item.productsClass.classcategory_name1}--><br />
274                                    <!--{/if}-->
275                                    <!--{if $item.productsClass.classcategory_name2 != ""}-->
276                                        <!--{$item.productsClass.class_name2}-->:<!--{$item.productsClass.classcategory_name2}-->
277                                    <!--{/if}-->
278                                </td>
279                                <td class="alignC"><!--{$item.quantity}--></td>
280                                <td class="alignR">
281                                    <!--{$item.total_inctax|number_format}-->円
282                                </td>
283                            </tr>
284                        <!--{/foreach}-->
285                    </table>
286                <!--{/if}-->
287
288                <table summary="お届け先確認" class="delivname">
289                    <col width="30%" />
290                    <col width="70%" />
291                    <tbody>
292                        <tr>
293                            <th scope="row">お名前</th>
294                            <td><!--{$shippingItem.shipping_name01|h}--> <!--{$shippingItem.shipping_name02|h}--></td>
295                        </tr>
296                        <tr>
297                            <th scope="row">お名前(フリガナ)</th>
298                            <td><!--{$shippingItem.shipping_kana01|h}--> <!--{$shippingItem.shipping_kana02|h}--></td>
299                        </tr>
300                        <tr>
301                            <th scope="row">会社名</th>
302                            <td><!--{$shippingItem.shipping_company_name|h}--></td>
303                        </tr>
304                        <!--{if $smarty.const.FORM_COUNTRY_ENABLE}-->
305                        <tr>
306                            <th scope="row">国</th>
307                            <td><!--{$arrCountry[$shippingItem.shipping_country_id]|h}--></td>
308                        </tr>
309                        <tr>
310                            <th scope="row">ZIPCODE</th>
311                            <td><!--{$shippingItem.shipping_zipcode|h}--></td>
312                        </tr>
313                        <!--{/if}-->
314                        <tr>
315                            <th scope="row">郵便番号</th>
316                            <td>〒<!--{$shippingItem.shipping_zip01|h}-->-<!--{$shippingItem.shipping_zip02|h}--></td>
317                        </tr>
318                        <tr>
319                            <th scope="row">住所</th>
320                            <td><!--{$arrPref[$shippingItem.shipping_pref]}--><!--{$shippingItem.shipping_addr01|h}--><!--{$shippingItem.shipping_addr02|h}--></td>
321                        </tr>
322                        <tr>
323                            <th scope="row">電話番号</th>
324                            <td><!--{$shippingItem.shipping_tel01}-->-<!--{$shippingItem.shipping_tel02}-->-<!--{$shippingItem.shipping_tel03}--></td>
325                        </tr>
326                        <tr>
327                            <th scope="row">FAX番号</th>
328                            <td>
329                                <!--{if $shippingItem.shipping_fax01 > 0}-->
330                                    <!--{$shippingItem.shipping_fax01}-->-<!--{$shippingItem.shipping_fax02}-->-<!--{$shippingItem.shipping_fax03}-->
331                                <!--{/if}-->
332                            </td>
333                        </tr>
334                        <!--{if $cartKey != $smarty.const.PRODUCT_TYPE_DOWNLOAD}-->
335                            <tr>
336                                <th scope="row">お届け日</th>
337                                <td><!--{$shippingItem.shipping_date|default:"指定なし"|h}--></td>
338                            </tr>
339                            <tr>
340                                <th scope="row">お届け時間</th>
341                                <td><!--{$shippingItem.shipping_time|default:"指定なし"|h}--></td>
342                            </tr>
343                        <!--{/if}-->
344                    </tbody>
345                </table>
346            <!--{/foreach}-->
347            <!--{* ▲お届け先 *}-->
348
349            <h3>配送方法・お支払方法・その他お問い合わせ</h3>
350            <table summary="配送方法・お支払方法・その他お問い合わせ" class="delivname">
351                <col width="30%" />
352                <col width="70%" />
353                <tbody>
354                <tr>
355                    <th scope="row">配送方法</th>
356                    <td><!--{$arrDeliv[$arrForm.deliv_id]|h}--></td>
357                </tr>
358                <tr>
359                    <th scope="row">お支払方法</th>
360                    <td><!--{$arrForm.payment_method|h}--></td>
361                </tr>
362                <tr>
363                    <th scope="row">その他お問い合わせ</th>
364                    <td><!--{$arrForm.message|h|nl2br}--></td>
365                </tr>
366                </tbody>
367            </table>
368
369            <div class="btn_area">
370                <ul>
371                    <li>
372                        <a href="./payment.php"><img class="hover_change_image" src="<!--{$TPL_URLPATH}-->img/button/btn_back.jpg" alt="戻る" name="back<!--{$key}-->" /></a>
373                    </li>
374                    <!--{if $use_module}-->
375                    <li>
376                        <input type="image" onclick="return fnCheckSubmit();" class="hover_change_image" src="<!--{$TPL_URLPATH}-->img/button/btn_next.jpg" alt="次へ" name="next" id="next" />
377                    </li>
378                    <!--{else}-->
379                    <li>
380                        <input type="image" onclick="return fnCheckSubmit();" class="hover_change_image" src="<!--{$TPL_URLPATH}-->img/button/btn_order_complete.jpg" alt="ご注文完了ページへ"  name="next" id="next" />
381                    </li>
382                    <!--{/if}-->
383                </ul>
384            </div>
385        </form>
386    </div>
387</div>
Note: See TracBrowser for help on using the repository browser.