咖啡倉庫-咖啡豆購物車改版(訂購教學) @ 直達咖啡的部落格

開始放寒假了，也比較有空閒的時間，
這幾天就花了一些空檔把咖啡倉庫的購物車修改了一下！
這次修改新增了一些功能，就以下先列點說明：

1.新增購物籃視窗之口感對照表連結
2.新增購物籃視窗之繼續訂購按鈕
3.修改【收銀台】之文字，修改後為【結帳】
4.新增自動計算【熟豆】超過一千元打九折功能
5.新增結帳資料，新增付款方式選單(貨到付款、轉帳、到店取貨)
6.新增結帳資料，新增是否需要統編資料(有二聯式與三聯式兩種選擇)
7.修改收貨時間(上午時段、下午12點~17點、傍晚17點~20點)
8.新增訂購完成會寄一封訂購清單信到您的電子信箱

以下就是此次修改後的購物車訂購教學：

1.使用者登入

說明：在紅框處打入您註冊的帳號與密碼。

2.顯示登入訊息

說明：若登入成功相會看到以上畫面，若是失敗則會出現帳號或密碼錯誤訊息。

3.開始訂購

說明：開始瀏覽想要訂購的咖啡豆，在紅框處有詳細資料與立即訂購的按鈕，若想直接購買可按立即訂購，若想先看豆子的介紹口感則可選按詳細資料。

4.選擇數量與口感

說明：若在步驟3點選立即訂購之後，會開一新視窗(如上圖)，在這個畫面可以選擇熟豆與生豆的數量，若有自已想要的烘培度則可在【需要的口感】那欄填入想要的口感，此次改版也在下新增口感對照表的連結供消費者對照，若空白不填則是由咖啡倉庫建議的口感烘焙。填好口感與數量之後就可以按下確定的按鈕。

5.預覽已訂購之商品

說明：在步驟4按下確定按鈕後，則會出現以上畫面，此畫面可瀏覽已訂購之商品與數量，若有想取消的咖啡豆可以在該品名的後方點選刪除，若完成訂購之後則按結帳按鈕同時此子視窗會自動關閉。若還需定購其他咖啡豆，則選按【繼續訂購】按鈕同時子視窗會自動關閉。

6.結帳預覽

說明：在子視窗點選結帳後會回到主視窗，在此可以瀏覽所訂購的商品，此次改版新增若熟豆超過一千元會自動顯示打則後金額，注意此打折只限定熟豆部份，程式會自動算出熟豆的折扣後金額。若確認無誤後可點選確定按鈕進行訂單資本資料填寫。

7.收貨人資料1

說明：在此畫面若是會員訂購者會自動填入當初註冊的基本收貨資料，若是以非會員訂購者，則需自行鍵入所有資料。

8.收貨人資料2

說明：此次改版修改了送貨時間的選單同時也新增了是否需要統編的功能，若是要報公司帳的朋友們可以勾選需要統編的選項，勾選後會自動出現發票型式(二聯式、三聯式)，若選擇的是三聯式則會有統一編號及公司抬頭的欄位(三聯式發票為手寫式)，反之選擇的是二聯式發票則只會有統一編號的欄位(二聯式發票為收銀機之電子式發票，型式與便利商店相同)。在填好所有資料後即可點選【確認】按鈕將訂單送出，要注意的是在點選後會有一段等待時間，請勿重覆點選確認按鈕。

9.收貨資料不全

說明：若在填收貨資料的時候，沒有填入必填欄位時，則會出現此錯誤畫面，此時只要點選紅框處的回上一頁即可繼續補填，請勿關閉視窗。

10.完成訂購

說明：若所有欄位均無錯誤則會顯示出所有收貨人的訊息，看到此畫面則完成訂購。同時會寄一封訂購清單到您的電子信箱裡。

11.訂購信

說明：若完成訂購後約3分鐘，您的電子信箱將會收到一封由咖啡倉庫所寄送的購物清單的信。