客製化線上美食購物車系統,並串接金流
後台
首頁 Banner 展示
可無限新增刪除,前台首頁的 Banner 屏示圖片。
![](https://i0.wp.com/footmark.com.tw/wp-content/uploads/2022/04/f3ca9052f04794b6cf175d9a1eff9ed4.png?resize=862%2C181&ssl=1)
類別管理
使用類別階層管理產品。
![](https://i0.wp.com/footmark.com.tw/wp-content/uploads/2022/04/360bb198bcf03490f554c1fc705a56c9.png?resize=862%2C459&ssl=1)
產品管理
設定產品屬於哪個類別。
![](https://i0.wp.com/footmark.com.tw/wp-content/uploads/2022/04/002f9cab765eb14f83bd94b203bcff06.png?resize=862%2C459&ssl=1)
宅配、優惠管理
可設定訂購金額免運費優惠、滿額優惠及滿件優惠。
![](https://i0.wp.com/footmark.com.tw/wp-content/uploads/2022/04/5348f3b806a7b4039e723b54ea1a7b5d.png?resize=862%2C179&ssl=1)
訂單管理
顧客下訂單的完整資訊,並以頁籤呈現,未處理、已確定、已結案、已取消、交易失敗或交易取消,來調整訂單狀態。
![](https://i0.wp.com/footmark.com.tw/wp-content/uploads/2022/04/c88a47defc827104fdea64ecf130d8ba.png?resize=863%2C460&ssl=1)
列印作業單
內部
內部保留的作業單。
![](https://i0.wp.com/footmark.com.tw/wp-content/uploads/2022/04/b5102019a3c6c97bad06421dcd17c55c.png?resize=863%2C347&ssl=1)
外部
顧客訂購產品的明細單。
![](https://i0.wp.com/footmark.com.tw/wp-content/uploads/2022/04/3644efff70a9b20e509e7264336f5489.png?resize=863%2C226&ssl=1)
前台
首頁
上方為各產品的分類,左側為最新消息、右側則是後台設定的 Banner。而下方呈現最熱賣的產品。
![](https://i0.wp.com/footmark.com.tw/wp-content/uploads/2022/04/6780d5d8407c43b22350c1a86806c07f.png?resize=714%2C562&ssl=1)
加入商品
顧客加入商品及選擇購買數量。
![](https://i0.wp.com/footmark.com.tw/wp-content/uploads/2022/04/61d800d8aae75a853c7f9d59eabe1f22.png?resize=721%2C349&ssl=1)
購物清單
可刪除產品 or 隨時增減產品數量 (均使用 AJAX 即時同步處理)。
![](https://i0.wp.com/footmark.com.tw/wp-content/uploads/2022/04/f2b584c736ffb50e206d043fde5b567c.png?resize=703%2C476&ssl=1)
填寫資料
顧客填寫基本資料。
![](https://i0.wp.com/footmark.com.tw/wp-content/uploads/2022/04/f51ae51ebe49cb297e1855c1843a5752.png?resize=722%2C764&ssl=1)
訂單確認
顧客最終確認訂單內容。
![](https://i0.wp.com/footmark.com.tw/wp-content/uploads/2022/04/f1cfc06512f866d4a276718019dfe740.png?resize=840%2C684&ssl=1)
完成訂購
顧客完成訂購。
![](https://i0.wp.com/footmark.com.tw/wp-content/uploads/2022/04/c34ad0b75030fac706d11f53705e89b5.png?resize=886%2C355&ssl=1)
![創用 CC 授權條款](https://i.creativecommons.org/l/by-sa/3.0/tw/88x31.png)
本著作係採用創用 CC 姓名標示-相同方式分享 3.0 台灣 授權條款授權.