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

Revision 19851, 14.0 KB checked in by Seasoft, 12 years ago (diff)

#706(拡大画像の表示の jQuery 化)

  • Fancybox で一旦実装したが、IE6, IE7 で不具合があるため、Facebox に置換する。一応スマホも改訂。
  • Property svn:eol-style set to LF
  • 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<script type="text/javascript" src="<!--{$smarty.const.URL_PATH}-->js/jquery.facebox/facebox.js"></script>
23<link rel="stylesheet" type="text/css" href="<!--{$smarty.const.URL_PATH}-->js/jquery.facebox/facebox.css" media="screen" />
24<script type="text/javascript">//<![CDATA[
25var send = true;
26
27function fnCheckSubmit() {
28    if(send) {
29        send = false;
30        return true;
31    } else {
32        alert("只今、処理中です。しばらくお待ち下さい。");
33        return false;
34    }
35}
36
37$(document).ready(function() {
38    $('a.expansion').facebox({
39        loadingImage : '<!--{$smarty.const.URL_PATH}-->js/jquery.facebox/loading.gif',
40        closeImage   : '<!--{$smarty.const.URL_PATH}-->js/jquery.facebox/closelabel.png'
41    });
42});
43//]]></script>
44
45<!--▼CONTENTS-->
46<div id="under02column">
47    <div id="under02column_shopping">
48        <p class="flowarea"><img src="<!--{$TPL_DIR}-->img/picture/img_flow_03.gif" width="700" height="36" alt="購入手続きの流れ" /></p>
49        <h2 class="title"><!--{$tpl_title|h}--></h2>
50
51        <p>下記ご注文内容で送信してもよろしいでしょうか?<br />
52            よろしければ、「<!--{if $payment_type != ""}-->次へ<!--{else}-->ご注文完了ページへ<!--{/if}-->」ボタンをクリックしてください。</p>
53
54        <form name="form1" id="form1" method="post" action="?">
55            <input type="hidden" name="mode" value="confirm" />
56            <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
57
58            <div class="tblareabtn">
59                <a href="./payment.php" onmouseover="chgImgImageSubmit('<!--{$TPL_DIR}-->img/button/btn_back_on.gif',back03)" onmouseout="chgImgImageSubmit('<!--{$TPL_DIR}-->img/button/btn_back.gif',back03)"><img src="<!--{$TPL_DIR}-->img/button/btn_back.gif" width="150" height="30" alt="戻る" border="0" name="back03-top" id="back03-top" /></a>&nbsp;
60                <!--{if $payment_type != ""}-->
61                <input type="image" onclick="return fnCheckSubmit();" onmouseover="chgImgImageSubmit('<!--{$TPL_DIR}-->img/button/btn_next_on.gif',this)" onmouseout="chgImgImageSubmit('<!--{$TPL_DIR}-->img/button/btn_next.gif',this)" src="<!--{$TPL_DIR}-->img/button/btn_next.gif" alt="次へ" class="box150" name="next-top" id="next-top" />
62                <!--{else}-->
63                <input type="image" onclick="return fnCheckSubmit();" onmouseover="chgImgImageSubmit('<!--{$TPL_DIR}-->img/button/btn_order_complete_on.gif',this)" onmouseout="chgImgImageSubmit('<!--{$TPL_DIR}-->img/button/btn_order_complete.gif',this)" src="<!--{$TPL_DIR}-->img/button/btn_order_complete.gif" alt="ご注文完了ページへ" class="box150" name="next-top" id="next-top" />                <!--{/if}-->
64            </div>
65
66            <table summary="ご注文内容確認">
67                <tr>
68                    <th>商品写真</th>
69                    <th>商品名</th>
70                    <th>単価</th>
71                    <th>数量</th>
72                    <th>小計</th>
73                </tr>
74                <!--{foreach from=$cartItems item=item}-->
75                <tr>
76                    <td class="phototd">
77                        <a
78                            <!--{if $item.productsClass.main_image|strlen >= 1}-->
79                                href="<!--{$smarty.const.IMAGE_SAVE_URL_PATH}--><!--{$item.productsClass.main_image|sfNoImageMainList|h}-->"
80                                class="expansion"
81                                target="_blank"
82                            <!--{/if}-->
83                        >
84                            <img src="<!--{$smarty.const.URL_PATH}-->resize_image.php?image=<!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->&amp;width=65&amp;height=65" alt="<!--{$item.productsClass.name|h}-->" /></a>
85                    </td>
86                    <td>
87                        <ul>
88                            <li><strong><!--{$item.productsClass.name|h}--></strong></li>
89                            <!--{if $item.productsClass.classcategory_name1 != ""}-->
90                            <li><!--{$item.productsClass.class_name1}-->:<!--{$item.productsClass.classcategory_name1}--></li>
91                            <!--{/if}-->
92                            <!--{if $item.productsClass.classcategory_name2 != ""}-->
93                            <li><!--{$item.productsClass.class_name2}-->:<!--{$item.productsClass.classcategory_name2}--></li>
94                            <!--{/if}-->
95                        </ul>
96                 </td>
97                 <td class="pricetd">
98                     <!--{$item.productsClass.price02|sfCalcIncTax:$arrInfo.tax:$arrInfo.tax_rule|number_format}-->円
99                 </td>
100                 <td><!--{$item.quantity|number_format}--></td>
101                 <td class="pricetd"><!--{$item.total_inctax|number_format}-->円</td>
102             </tr>
103             <!--{/foreach}-->
104                <tr>
105                    <th colspan="4" class="resulttd">小計</th>
106                    <td class="pricetd"><!--{$tpl_total_inctax[$cartKey]|number_format}-->円</td>
107                </tr>
108                <!--{if $smarty.const.USE_POINT !== false}-->
109                    <tr>
110                        <th colspan="4" class="resulttd">値引き(ポイントご使用時)</th>
111                        <td class="pricetd">
112                        <!--{assign var=discount value=`$arrData.use_point*$smarty.const.POINT_VALUE`}-->
113                         -<!--{$discount|number_format|default:0}-->円</td>
114                    </tr>
115                <!--{/if}-->
116                <tr>
117                    <th colspan="4" class="resulttd">送料</th>
118                    <td class="pricetd"><!--{$arrData.deliv_fee|number_format}-->円</td>
119                </tr>
120                <tr>
121                    <th colspan="4" class="resulttd">手数料</th>
122                    <td class="pricetd"><!--{$arrData.charge|number_format}-->円</td>
123                </tr>
124                <tr>
125                    <th colspan="4" class="resulttd">合計</th>
126                    <td class="pricetd"><em><!--{$arrData.payment_total|number_format}-->円</em></td>
127                </tr>
128            </table>
129
130            <!--{* ログイン済みの会員のみ *}-->
131            <!--{if $tpl_login == 1 && $smarty.const.USE_POINT !== false}-->
132                <table summary="ポイント確認" class="delivname">
133                    <tr>
134                        <th>ご注文前のポイント</th>
135                        <td><!--{$tpl_user_point|number_format|default:0}-->Pt</td>
136                    </tr>
137                    <tr>
138                        <th>ご使用ポイント</th>
139                        <td>-<!--{$arrData.use_point|number_format|default:0}-->Pt</td>
140                    </tr>
141                    <!--{if $arrData.birth_point > 0}-->
142                    <tr>
143                        <th>お誕生月ポイント</th>
144                        <td>+<!--{$arrData.birth_point|number_format|default:0}-->Pt</td>
145                    </tr>
146                    <!--{/if}-->
147                    <tr>
148                        <th>今回加算予定のポイント</th>
149                        <td>+<!--{$arrData.add_point|number_format|default:0}-->Pt</td>
150                    </tr>
151                    <tr>
152                    <!--{assign var=total_point value=`$tpl_user_point-$arrData.use_point+$arrData.add_point`}-->
153                        <th>加算後のポイント</th>
154                        <td><!--{$total_point|number_format}-->Pt</td>
155                    </tr>
156                </table>
157            <!--{/if}-->
158            <!--{* ログイン済みの会員のみ *}-->
159
160            <!--お届け先ここから-->
161            <!--{* 販売方法判定(ダウンロード販売のみの場合はお届け先を表示しない) *}-->
162            <!--{if $cartdown != "2"}-->
163            <table summary="お届け先確認" class="delivname">
164                <thead>
165                    <tr>
166                        <th colspan="2">▼お届け先</th>
167                    </tr>
168                </thead>
169                <tbody>
170                    <!--{* 別のお届け先が選択されている場合 *}-->
171                    <!--{if $arrData.deliv_check >= 1}-->
172                        <tr>
173                            <th>お名前</th>
174                            <td><!--{$arrData.deliv_name01|h}--> <!--{$arrData.deliv_name02|h}--></td>
175                        </tr>
176                        <tr>
177                            <th>お名前(フリガナ)</th>
178                            <td><!--{$arrData.deliv_kana01|h}--> <!--{$arrData.deliv_kana02|h}--></td>
179                        </tr>
180                        <tr>
181                            <th>郵便番号</th>
182                            <td>〒<!--{$arrData.deliv_zip01|h}-->-<!--{$arrData.deliv_zip02|h}--></td>
183                        </tr>
184                        <tr>
185                            <th>住所</th>
186                            <td><!--{$arrPref[$arrData.deliv_pref]}--><!--{$arrData.deliv_addr01|h}--><!--{$arrData.deliv_addr02|h}--></td>
187                        </tr>
188                        <tr>
189                            <th>電話番号</th>
190                            <td><!--{$arrData.deliv_tel01}-->-<!--{$arrData.deliv_tel02}-->-<!--{$arrData.deliv_tel03}--></td>
191                        </tr>
192                    <!--{else}-->
193                        <tr>
194                            <th>お名前</th>
195                            <td><!--{$arrData.order_name01|h}--> <!--{$arrData.order_name02|h}--></td>
196                        </tr>
197                        <tr>
198                            <th>お名前(フリガナ)</th>
199                            <td><!--{$arrData.order_kana01|h}--> <!--{$arrData.order_kana02|h}--></td>
200                        </tr>
201                        <tr>
202                            <th>郵便番号</th>
203                            <td>〒<!--{$arrData.order_zip01|h}-->-<!--{$arrData.order_zip02|h}--></td>
204                        </tr>
205                        <tr>
206                            <th>住所</th>
207                            <td><!--{$arrPref[$arrData.order_pref]}--><!--{$arrData.order_addr01|h}--><!--{$arrData.order_addr02|h}--></td>
208                        </tr>
209                        <tr>
210                            <th>電話番号</th>
211                            <td><!--{$arrData.order_tel01}-->-<!--{$arrData.order_tel02}-->-<!--{$arrData.order_tel03}--></td>
212                        </tr>
213                    <!--{/if}-->
214                </tbody>
215            </table>
216            <!--{/if}-->
217            <!--お届け先ここまで-->
218
219            <table summary="お支払方法・お届け日時の指定・その他お問い合わせ" class="delivname">
220                <thead>
221                <tr>
222                    <th colspan="2">▼お支払方法・お届け日時の指定・その他お問い合わせ</th>
223                </tr>
224                </thead>
225                <tbody>
226                <tr>
227                    <th>お支払方法</th>
228                    <td><!--{$arrData.payment_method|h}--></td>
229                </tr>
230                <!--{* 販売方法判定(ダウンロード販売のみの場合はお届け日、時間を表示しない) *}-->
231                <!--{if $cartdown != "2"}-->
232                <tr>
233                    <th>お届け日</th>
234                    <td><!--{$arrData.deliv_date|default:"指定なし"|h}--></td>
235                </tr>
236                <tr>
237                    <th>お届け時間</th>
238                    <td><!--{$arrData.deliv_time|default:"指定なし"|h}--></td>
239                </tr>
240                <!--{/if}-->
241                <tr>
242                    <th>その他お問い合わせ</th>
243                    <td><!--{$arrData.message|h|nl2br}--></td>
244                </tr>
245                </tbody>
246            </table>
247
248            <!--{if 'sfTSPrintOrderBox'|function_exists}-->
249                <!--{'sfTSPrintOrderBox'|call_user_func}-->
250            <!--{/if}-->
251
252            <div class="tblareabtn">
253                <a href="./payment.php" onmouseover="chgImgImageSubmit('<!--{$TPL_DIR}-->img/button/btn_back_on.gif',back03)" onmouseout="chgImgImageSubmit('<!--{$TPL_DIR}-->img/button/btn_back.gif',back03)"><img src="<!--{$TPL_DIR}-->img/button/btn_back.gif" width="150" height="30" alt="戻る" border="0" name="back03" id="back03" /></a>&nbsp;
254                <!--{if $payment_type != ""}-->
255                <input type="image" onclick="return fnCheckSubmit();" onmouseover="chgImgImageSubmit('<!--{$TPL_DIR}-->img/button/btn_next_on.gif',this)" onmouseout="chgImgImageSubmit('<!--{$TPL_DIR}-->img/button/btn_next.gif',this)" src="<!--{$TPL_DIR}-->img/button/btn_next.gif" alt="次へ" class="box150" name="next" id="next" />
256                <!--{else}-->
257                <input type="image" onclick="return fnCheckSubmit();" onmouseover="chgImgImageSubmit('<!--{$TPL_DIR}-->img/button/btn_order_complete_on.gif',this)" onmouseout="chgImgImageSubmit('<!--{$TPL_DIR}-->img/button/btn_order_complete.gif',this)" src="<!--{$TPL_DIR}-->img/button/btn_order_complete.gif" alt="ご注文完了ページへ" class="box150" name="next" id="next" />
258                <!--{/if}-->
259            </div>
260        </form>
261    </div>
262</div>
263<!--▲CONTENTS-->
Note: See TracBrowser for help on using the repository browser.