點擊圖片免費AI生圖
23、RWD響應式網頁設計- Ecshop DONE 完成訂單
2017-02-13
490
相關文章
ecshop 後台文章列表搜索後無法轉移分類
2023-03-23
ECSHOP4.1.8 商品分類如何增加小圖示
2022-08-13
PHP 批量遠端圖片儲存到本機電腦
2022-05-24
適用 ecshop V2.7.x、V3.x、V4.x 的台灣地區資料庫
2022-05-01
ecshop4.1.8 PHP5.6~PHP7.3安裝與修改
2022-04-30
最新 ecshop 4.1.8 線上購物系統原始碼免費下載
2022-04-28
ECSHOP 一個頁面使用多個輪播
2022-03-30
ECSHOP 響應式模板使用PHP
2022-03-23
ecshop 廣告位支援響應式模板修改
2022-03-19
響應式模板DIY-頁籤 TAB 導覽
2022-03-09
ECSHOP4-自定義頁首主廣告
2022-03-08
ECSHOP 響應式模板DIY-頁首
2022-03-05
ECSHOP4 響應式模板DIY_載入必要檔案
2022-02-11
ECSHOP4 響應式模板DIY_建立新模板
2022-02-10
ECSHOP4 響應式模板DIY_工具準備
2022-02-10
ecshop4 文章內容或商品描述圖片超寬自動調整、自動加屬性、自動套用燈箱效果
2022-02-06
ECSHOP4 後台好用的檔案校驗功能
2022-02-05
PHP7 入門到精通教學視頻
2022-02-04
比起其他頁面,結算中心的完成頁面算是簡單了,主要還是在於如何呈現,相信大家都有一份自己的藍圖,程式碼包涵了實體與虛擬商品的結算,如果你沒有虛擬商品的交易,當然這部份可以省略:

點擊圖片可以放大檢視

<!-- 訂單送出成功 -->點擊圖片可以放大檢視
<div class="">
<table class="table">
<tr>
<th class="text-center" style="font-size: 1.3em">{$lang.remember_order_number}: <strong class="text-danger">{$order.order_sn}</strong>
</th>
</tr>
<tr>
<td class="pad">
<!--{if $order.shipping_name}-->
<div><i class="fa fa-truck"></i> {$lang.select_shipping}: <strong class="text-success">{$order.shipping_name}</strong></div>
<!--{/if}-->
<div><i class="fa fa-credit-card"></i> {$lang.select_payment}: <strong class="text-warning">{$order.pay_name}</strong></div>
<div><i class="fa fa-calculator"></i> {$lang.order_amount}: <strong class="text-danger">{$total.amount_formated}</strong></div>
<div class="text-info"><i class="fa fa-exclamation-circle"></i> {$order.pay_desc}</div>
</td>
</tr>
<!-- {if $pay_online} -->
<!-- 如果是線上付款則顯示付款按鈕 -->
<tr>
<td class="text-center">
{$pay_online}
</td>
</tr>
<!-- {/if} -->
</table>
<!--{if $virtual_card} 虛擬商品-->
<div class="virtual">
<!--{foreach from=$virtual_card item=vgoods}-->
<h3 class="text-danger">{$vgoods.goods_name}</h3>
<!--{foreach from=$vgoods.info item=card}-->
<ul>
<!--{if $card.card_sn}-->
<li style="margin-right:50px;float:left;">
<strong>{$lang.card_sn}:</strong>
<span class="text-danger;">{$card.card_sn}</span>
</li>
<!--{/if}-->
<!--{if $card.card_password}-->
<li style="margin-right:50px;float:left;">
<strong>{$lang.card_password}:</strong>
<span class="text-danger;">{$card.card_password}</span>
</li>
<!--{/if}-->
<!--{if $card.end_date}-->
<li class="pull-left">
<strong>{$lang.end_date}:</strong>
{$card.end_date}
</li>
<!--{/if}-->
</ul>
<!--{/foreach}-->
<!--{/foreach}-->
</div>
<!--{/if}-->
<p class="text-center"><i class="fa fa-mouse-pointer"></i> {$order_submit_back}</p>
</div>

點擊圖片可以放大檢視

如果你對23、RWD響應式網頁設計- Ecshop DONE 完成訂單有任何問題請到討論區發帖。