5.8 顯示購物車與結帳

5.8. 顯示購物車與結帳

5.8.1 畫面連結位置

有二個方式可進入顯示購物車與結帳功能： (1) 由產品詳細內容頁面點擊加入購物車圖片 (2) 點擊客戶登入區塊的購物車圖示(或文字)

5.8.2 功能說明

當會員選好產品之後可檢視購物車內容，若已選擇所有想要購買的產品則可進入結帳程序，填寫產品寄送資料後取得付款資訊即完成購買程序。

5.8.3 畫面說明

5.8.4 欄位/項目屬性說明

• (1)購物車內容畫面

• 購物車內容的欄位說明

欄位名稱	顯示格式	規則說明
商品名稱	文字顯示	1. 顯示購物車中的商品名稱
規格	文字顯示	1. 顯示購物車中的商品規格
單價	文字顯示	1. 顯示購物車中的商品單價
數量	文字輸入	1. 預設值為1 2. 當游標離開數量欄位時重新計算總金額。
小計	文字顯示	1. 顯示單一品項的購買金額 2. 計算公式：數量x單價
刪除	按鈕	1. 將商品從購物車移除，並且重新計算品項數量與總金額。
訂單項目數量與訂單金額	文字顯示	1. 購物車共有x項品，總金額xxx元。

• 購物車內容的功能項目按鈕

功能項目名稱	類別/動作	系統回應與詳細處理邏輯
進行結帳	按鈕/點擊	1. 導引到購買產品明細頁面。
繼續購物	按鈕/點擊	1. 導引到產品介紹頁面。若是由糕餅類產品顯示購物車內容則回到糕餅類産品頁面；若...。

• (2)購物清單確認畫面畫面

• 購物清單確認畫面的欄位說明

欄位名稱	顯示格式	規則說明
商品名稱	文字顯示	1. 顯示購物車中的商品名稱
規格	文字顯示	1. 顯示購物車中的商品規格
單價	文字顯示	1. 顯示購物車中的商品單價
數量	文字顯示	1. 顯示購物車中的商品數量
小計	文字顯示	1. 顯示單一品項的購買金額
訂單項目數量與訂單金額	文字顯示	1. 購物車共有x項品，總金額xxx元

• 購物清單確認畫面的功能項目按鈕

功能項目名稱	類別/動作	系統回應與詳細處理邏輯
確定	按鈕/點擊	1. 換頁至填寫收件人與發票資訊畫面。
回購物車	按鈕/點擊	1. 換頁至購物車畫面。

• (3)填寫收件人與發票資訊畫面

• 填寫收件人與發票資訊畫面的欄位說明

欄位名稱	顯示格式	規則說明
收件人姓名	文字輸入	1. 必填 2. 最大輸入長度為20個中英文字
收件人地址	文字輸入	1. 必填 2. 最大輸入長度為100個中英文字
收件人電話	文字輸入	1. 必填 2. 最大輸入長度為9個數字
發票類別	下拉式選單	1. 必填 2. 選單項目包含：二聯式與三聯式 3. 預設選項為二聯式
發票抬頭	文字輸入	1. 非必填 2. 最大輸入長度為100個中英文字
統一編號	文字輸入	1. 非必填 2. 最大輸入長度為8個數字

• 填寫收件人與發票資訊畫面的功能項目按鈕

功能項目名稱	類別/動作	系統回應與詳細處理邏輯
確定	按鈕/點擊	1. 換頁至付款資訊與採購完成畫面，並寄出成功下單的通知信至會員電子郵件信箱(缺內容)
回前頁	--	1. 換頁至購物清單確認畫面

• (4)付款資訊與採購完成畫面

• 付款資訊與採購完成畫面的欄位說明

欄位名稱	顯示格式	規則說明
採購訂單完成訊息	文字顯示	1. 內容如下： 採購訂單完成. 請於七日內依據下列ATM帳款資訊方式完成付款
總行代號	文字顯示	1. 顯示總行代號
銀行帳號	文字顯示	1. 顯示銀行帳號
付款金額	文字顯示	1. 顯示付款金額

• 付款資訊與採購完成畫面的功能項目按鈕

功能項目名稱	類別/動作	系統回應與詳細處理邏輯
回首頁	按鈕/點擊	1. 換頁至首頁。