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

Revision 19858, 12.0 KB checked in by yomoro, 10 years ago (diff)

スマートフォンのカート画面以降のレイアウト微調整・ボタンのcss化

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