作者 主題: 23、RWD響應式網頁設計- Ecshop DONE 完成訂  (閱讀 644 次)

0 會員 與 1 訪客 正在閱讀本文。

離線 andy

  • 管理員
  • 正式會員
  • *****
  • 積分 +1/-0
  • 性別: 男
    • 原來如此
23、RWD響應式網頁設計- Ecshop DONE 完成訂
« 於: 七月 22, 2019, 11:13:10 下午 »
比起其他頁面,結算中心的完成頁面算是簡單了,主要還是在於如何呈現,相信大家都有一份自己的藍圖,程式碼包涵了實體與虛擬商品的結算,如果你沒有虛擬商品的交易,當然這部份可以省略:
代碼: [選擇]
<!-- 訂單送出成功 -->
<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>



    </div>
LINE ID:ecshop_weshop
Email:andy@we-shop.net
聯絡我:https://we-shop.net/contactus.php