作品集 / 天然微風烘焙坊 訂購單
天然微風烘焙坊 訂購單
線上訂購單＋模組驅動後台
白話說明烘焙坊的線上訂購單：客人選好數量，系統自動算運費與免運。
專案概要
烘焙坊的線上訂購單：客人在訂購頁選擇常溫與低溫商品數量，即時試算小計與運費，填寫收件資料後送出訂單。
店家在模組驅動的後台管理商品、運費與訂單，運費與免運門檻可在後台自行調整。
我負責
- 功能面
- 後台上架功能
- jQuery 前端互動
技術
功能清單
商品管理原價、優惠價、常溫與低溫配送別、分類、圖片與屬性標籤。
訂購單即時試算數量一變動就即時合計，常溫與低溫分開小計並判斷是否免運。
運費設定運費由後台調整，常溫與低溫各有免運門檻。
付款方式切換匯款、ATM、自取、貨到付款，切換時顯示對應提示並重新試算。
送達區間與地址連動可選送達區間，縣市與鄉鎮連動選單。
訂單管理依日期、關鍵字與狀態搜尋，批次刪除前確認，訂單可匯出 Excel。
訂單狀態管理依處理進度更新訂單狀態。
最新消息、聯絡表單與電子報消息由後台上架，聯絡表單與電子報訂閱皆存檔。
後台功能權限分級各後台模組依帳號權限開放。
自寫 jQuery 互動付款方式切換與提示、常溫低溫小計與免運判斷、數量即時合計。
訂購與處理流程
示意畫面
| 訂單編號 | 付款方式 | 配送別 | 狀態 |
|---|---|---|---|
| 範例訂單 01 | 範例付款 | 常溫 | 待確認 |
| 範例訂單 02 | 範例付款 | 低溫 | 已處理 |
| 範例訂單 03 | 範例付款 | 常溫 | 已處理 |
| 範例訂單 04 | 範例付款 | 低溫 | 待確認 |
| 範例訂單 05 | 範例付款 | 常溫 | 已處理 |
整合說明
通知信訂單成功通知信與聯絡表單郵件通知。
聯盟行銷訂單成交後回傳聯盟行銷。