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

Revision 21050, 13.3 KB checked in by 468, 13 years ago (diff)

#1413 スマートフォン版テンプレートファイル変更（HTML5対応）
  • 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-2011 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.ROOT_URLPATH}-->js/jquery.fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
23<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.fancybox/jquery.fancybox-1.3.4.pack.js"></script>
24<link rel="stylesheet" href="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
25<script type="text/javascript">//<![CDATA[
26var send = true;
27
28function fnCheckSubmit() {
29    if(send) {
30        send = false;
31        return true;
32    } else {
33        alert("只今、処理中です。しばらくお待ち下さい。");
34        return false;
35    }
36}
37
38$(document).ready(function() {
39    $('a.expansion').fancybox();
40});
41
42//ご注文内容エリアの表示/非表示
43var speed = 1000; //表示アニメのスピード（ミリ秒）
44var stateCartconfirm = 0;
45function fnCartconfirmToggle(areaEl, imgEl) {
46    areaEl.toggle(speed);
47    if (stateCartconfirm == 0) {
48        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_plus.png");
49        stateCartconfirm = 1;
50    } else {
51        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_minus.png");
52        stateCartconfirm = 0
53    }
54}
55//お届け先エリアの表示/非表示
56var stateDelivconfirm = 0;
57function fnDelivconfirmToggle(areaEl, imgEl) {
58    areaEl.toggle(speed);
59    if (stateDelivconfirm == 0) {
60        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_plus.png");
61        stateDelivconfirm = 1;
62    } else {
63        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_minus.png");
64        stateDelivconfirm = 0
65    }
66}
67//配送方法エリアの表示/非表示
68var stateOtherconfirm = 0;
69function fnOtherconfirmToggle(areaEl, imgEl) {
70    areaEl.toggle(speed);
71    if (stateOtherconfirm == 0) {
72        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_plus.png");
73        stateOtherconfirm = 1;
74    } else {
75        $(imgEl).attr("src", "<!--{$TPL_URLPATH}-->img/common/btn_minus.png");
76        stateOtherconfirm = 0
77    }
78}
79//]]></script>
80
81<!--▼コンテンツここから -->
82<section id="undercolumn">
83
84<h2 class="title"><!--{$tpl_title|h}--></h2>
85
86<!--★インフォメーション★-->
87<div class="information end">
88 <p>下記ご注文内容でよろしければ、「ご注文完了ページへ」ボタンをクリックしてください。</p>
89</div>
90
91<form name="form1" id="form1" method="post" action="<!--{$smarty.const.HTTP_URL}-->shopping/confirm.php">
92            <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
93            <input type="hidden" name="mode" value="confirm" />
94            <input type="hidden" name="uniqid" value="<!--{$tpl_uniqid}-->" />
95           
96  <div class="title_box_sub clearfix">
97   <h3>ご注文内容</h3>
98    <a href="#" class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/common/btn_minus.png" alt="minus" width="22" height="21" onClick="fnCartconfirmToggle($('.cartconfirm_area'), this);" /></a></div>
99   
100<section class="cartconfirm_area">
101<div class="form_area">
102<!--▼フォームボックスここから -->
103   <div class="formBox">
104      <!--▼カートの中の商品一覧 -->
105      <div class="cartcartconfirmarea">
106     
107         <!--{foreach from=$arrCartItems item=item}-->
108           <!--▼商品 -->
109             <div class="cartconfirmBox">
110             <!--{if $item.productsClass.main_image|strlen >= 1}-->
111               <a href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$item.productsClass.main_image|sfNoImageMainList|h}-->" target="_blank">
112               <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$item.productsClass.name|h}-->" width="80" height="80" class="photoL" /></a>
113             <!--{else}-->
114               <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$item.productsClass.name|h}-->" width="80" height="80" class="photoL" />
115             <!--{/if}-->
116                 <div class="cartconfirmContents">
117                  <p><em><!--{$item.productsClass.name|h}--></em><br />
118                  <!--{if $item.productsClass.classcategory_name1 != ""}-->
119                      <span class="mini"><!--{$item.productsClass.class_name1}-->：<!--{$item.productsClass.classcategory_name1}--></span><br />
120                  <!--{/if}-->
121                  <!--{if $item.productsClass.classcategory_name2 != ""}-->
122                      <span class="mini"><!--{$item.productsClass.class_name2}-->：<!--{$item.productsClass.classcategory_name2}--></span>
123                  <!--{/if}-->
124                  </p>
125               <ul>
126                 <li><span class="mini">数量：</span><!--{$item.quantity|number_format}--></li>
127                  <li class="result"><span class="mini">小計：</span><!--{$item.total_inctax|number_format}-->円</li>
128                   </ul>
129               </div>
130            </div>
131           <!--▲商品 -->
132         <!--{/foreach}-->
133    </div>
134    <!--▲カートの中の商品一覧ここまで -->
135
136    <!--★合計内訳★-->
137    <div class="result_area">
138        <ul>
139        <li><span class="mini">小計 ：</span><!--{$tpl_total_inctax[$cartKey]|number_format}--> 円</li>
140        <!--{if $smarty.const.USE_POINT !== false}-->
141        <li><span class="mini">値引き（ポイントご使用時）： </span><!--{assign var=discount value=`$arrForm.use_point*$smarty.const.POINT_VALUE`}-->
142        -<!--{$discount|number_format|default:0}--> 円</li>
143        <!--{/if}-->
144        <li><span class="mini">送料 ：</span><!--{$arrForm.deliv_fee|number_format}--> 円</li>
145        <li><span class="mini">手数料 ：</span><!--{$arrForm.charge|number_format}--> 円</li>
146        </ul>
147    </div>
148
149    <!--★合計★-->
150    <div class="total_area">
151        <p><span class="mini">合計：</span><span class="price fb"><!--{$arrForm.payment_total|number_format}--> 円</span></p>
152        <!--{* ログイン済みの会員のみ *}-->
153        <!--{if $tpl_login == 1 && $smarty.const.USE_POINT !== false}-->
154        <p><span class="mini">今回加算ポイント：</span> <!--{$arrForm.add_point|number_format|default:0}--> Pt</p>
155        <!--{/if}-->
156    </div>   
157   </div><!--▲formBox -->
158
159    <!--{* ログイン済みの会員のみ *}-->
160    <!--{if $tpl_login == 1 && $smarty.const.USE_POINT !== false}-->
161        <!--★ポイント情報★-->
162        <div class="formBox point_confifrm">
163          <dl>
164            <dt>ご注文前のポイント</dt><dd><!--{$tpl_user_point|number_format|default:0}-->Pt</dd>
165          </dl>
166          <dl>
167            <dt>ご使用ポイント</dt><dd>-<!--{$arrForm.use_point|number_format|default:0}-->Pt</dd>
168          </dl>
169          <!--{if $arrForm.birth_point > 0}-->
170          <dl>
171            <dt>お誕生月ポイント</dt><dd>+<!--{$arrForm.birth_point|number_format|default:0}-->Pt</dd>
172          </dl>
173          <!--{/if}-->
174          <dl>
175            <dt>今回加算予定のポイント</dt><dd>+<!--{$arrForm.add_point|number_format|default:0}--></dd>
176          </dl>
177          <dl>
178              <!--{assign var=total_point value=`$tpl_user_point-$arrForm.use_point+$arrForm.add_point`}-->
179               <dt>加算後のポイント</dt><dd><!--{$total_point|number_format}-->Pt</dd>
180           </dl>
181        </div><!--▲formBox -->
182    <!--{/if}-->
183
184  </div><!--▲form_area -->
185
186</section>
187
188
189<!--★お届け先の確認★-->
190<!--{* 販売方法判定（ダウンロード販売のみの場合はお届け先を表示しない） *}-->
191<!--{if $cartKey != $smarty.const.PRODUCT_TYPE_DOWNLOAD}-->
192<section class="delivconfirm_area">
193  <div class="title_box_sub clearfix">
194    <h3>お届け先</h3>
195    <a href="#" class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/common/btn_minus.png" alt="minus" width="22" height="21" onClick="fnDelivconfirmToggle($('.delivconfirm_area .form_area'), this);" /></a></div>
196
197<div class="form_area">
198
199<!--{foreach item=shippingItem from=$arrShipping name=shippingItem}-->
200<!--▼フォームボックスここから -->
201  <div class="formBox">
202    <dl class="deliv_confirm">
203     <dt>お届け先<!--{if $is_multiple}--><!--{$smarty.foreach.shippingItem.iteration}--><!--{/if}--></dt>   
204      <dd>
205        <p>〒<!--{$shippingItem.shipping_zip01|h}-->-<!--{$shippingItem.shipping_zip02|h}--><br />
206          <!--{$arrPref[$shippingItem.shipping_pref]}--><!--{$shippingItem.shipping_addr01|h}--><!--{$shippingItem.shipping_addr02|h}--></p>
207        <p class="deliv_name"><!--{$shippingItem.shipping_name01|h}--> <!--{$shippingItem.shipping_name02|h}--></p>
208         <p><!--{$shippingItem.shipping_tel01}-->-<!--{$shippingItem.shipping_tel02}-->-<!--{$shippingItem.shipping_tel03}--></p>
209          </dd>
210    <!--{if $cartKey != $smarty.const.PRODUCT_TYPE_DOWNLOAD}-->
211     <dd>
212        <ul class="date_confirm">
213          <li><em>お届け日：</em><!--{$shippingItem.shipping_date|default:"指定なし"|h}--></li>
214          <li><em>お届け時間：</em><!--{$shippingItem.shipping_time|default:"指定なし"|h}--></li>
215           </ul>
216        </dd>
217    <!--{/if}-->
218          </dl>
219<!--▼カートの中の商品一覧 -->
220     <div class="cartcartconfirmarea">
221  <!--{foreach item=item from=$shippingItem.shipment_item}-->
222   <!--▼商品 -->
223   <div class="cartconfirmBox">
224     <!--{if $item.productsClass.main_image|strlen >= 1}-->
225       <a href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$item.productsClass.main_image|sfNoImageMainList|h}-->" target="_blank">
226       <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$item.productsClass.name|h}-->" width="80" height="80" class="photoL" /></a>
227     <!--{else}-->
228       <img src="<!--{$smarty.const.ROOT_URLPATH}-->resize_image.php?image=<!--{$item.productsClass.main_list_image|sfNoImageMainList|h}-->&amp;width=80&amp;height=80" alt="<!--{$item.productsClass.name|h}-->" width="80" height="80" class="photoL" />
229     <!--{/if}-->
230     <div class="cartconfirmContents">
231      <p><em><!--{$item.productsClass.name|h}--></em><br />
232      <!--{if $item.productsClass.classcategory_name1 != ""}-->
233          <span class="mini"><!--{$item.productsClass.class_name1}-->：<!--{$item.productsClass.classcategory_name1}--></span><br />
234      <!--{/if}-->
235      <!--{if $item.productsClass.classcategory_name2 != ""}-->
236          <span class="mini"><!--{$item.productsClass.class_name2}-->：<!--{$item.productsClass.classcategory_name2}--></span>
237      <!--{/if}-->
238      </p>
239      <ul>
240       <li><span class="mini">数量：</span><!--{$item.quantity}--></li>
241       <!--{* XXX デフォルトでは購入小計と誤差が出るためコメントアウト*}-->
242        <li class="result"><span class="mini">小計：</span><!--{$item.total_inctax|number_format}-->円</li>
243         </ul>
244      </div>
245   </div>
246  <!--▲商品 -->
247  <!--{/foreach}-->
248</div>
249<!--▲カートの中の商品一覧ここまで -->
250
251</div><!--▲formBox -->
252<!--{/foreach}-->
253
254</div><!--▲form_area -->
255</section>
256<!--{/if}-->
257
258
259<!--★配送方法・お支払方法など★-->
260<section class="otherconfirm_area">
261<div class="title_box_sub clearfix">
262  <h3>配送方法・お支払方法など</h3>
263   <a href="#" class="b_expand"><img src="<!--{$TPL_URLPATH}-->img/common/btn_minus.png" alt="minus" width="22" height="21" onClick="fnOtherconfirmToggle($('.otherconfirm_area .form_area'), this);" /></a></div>
264
265<div class="form_area">
266<!--▼フォームボックスここから -->
267  <div class="formBox">
268   <div class="innerBox">
269     <em>配送方法</em>：<!--{$arrDeliv[$arrForm.deliv_id]|h}-->
270    </div>
271   <div class="innerBox">
272     <em>お支払方法：</em><!--{$arrForm.payment_method|h}-->
273    </div>
274   <div class="innerBox">
275      <em>その他お問い合わせ：</em><br />
276          <!--{$arrForm.message|h|nl2br}-->
277         </div>
278
279  </div><!--▲formBox -->
280</div><!--▲form_area -->
281</section>
282
283<!--★ボタン★-->
284<div class="btn_area">
285<ul class="btn_btm">
286<!--{if $use_module}-->
287<li><a rel="external" href="javascript:void(document.form1.submit());" class="btn">次へ</a></li>
288<!--{else}-->
289<li><a rel="external" href="javascript:void(document.form1.submit());" class="btn">ご注文完了ページへ</a></li>
290<!--{/if}-->
291<li><a rel="external" href="./payment.php" class="btn_back">戻る</a></li>
292</ul>
293</div>
294
295</form>
296</section>
297<!--▲コンテンツここまで -->
Note: See TracBrowser for help on using the repository browser.