作品集 / 穗語坊 購物系統
穗語坊 購物系統
電商購物站＋模組驅動後台
白話說明食品品牌的線上商店：會員價、優惠碼、超商取貨與宅配。
專案概要
穗語坊的購物網站：商品展示、購物車、優惠碼與免運門檻、會員與訂單，串接綠界金流與物流。
與官網共用同一個模組驅動後台。
我負責
- 功能面
- 後台商品上架功能
- jQuery 前端互動
- 綠界金流與物流串接
技術
功能清單
商品展示原價、會員價、特價，多圖、標籤、相關商品與分類橫幅。
商品收藏加入與取消收藏，未登入時導向登入。
購物車列表一鍵加入購物車，即時更新數量。
優惠碼與免運門檻優惠碼分百分比與金額兩種，另可設定免運門檻。
結帳與訂單待付款、處理中、已處理三種狀態，建單時寄通知信。
會員註冊登入，支援 LINE、Google、Facebook 第三方登入。
超商取貨與宅配7-11、全家、萊爾富，電子地圖選店，後台列印託運單。
後台訂單管理模組驅動，訂單可匯出 Excel。
購物與出貨流程
示意畫面
| 訂單編號 | 付款方式 | 配送方式 | 狀態 |
|---|---|---|---|
| 範例訂單 01 | 範例付款 | 範例配送 | 待付款 |
| 範例訂單 02 | 範例付款 | 範例配送 | 處理中 |
| 範例訂單 03 | 範例付款 | 範例配送 | 已處理 |
| 範例訂單 04 | 範例付款 | 範例配送 | 處理中 |
| 範例訂單 05 | 範例付款 | 範例配送 | 已處理 |
整合說明
金流綠界金流：信用卡、ATM、超商代碼、貨到付款。
物流綠界物流：超商取貨與宅配。
第三方登入LINE、Google、Facebook。
通知信建單時寄出郵件通知。