零售全套：官網下單 → POS 掃碼結帳 → 即時庫存 → 日結報表

官網首頁

品牌主視覺、分類導覽、熱門商品；同一套系統同時服務顧客與門市。

• 導覽列來自分類主檔，後台改分類前台就跟著變
• 免運門檻、門市自取、LINE 通知在頁尾一眼看到

分類頁

一個分類下的商品卡：主圖、規格數、起始價、缺貨狀態，全部由庫存即時決定。

商品頁：規格與價格

同一商品多規格（500ml／1L／5L）各自有價格與庫存；加入購物車不需登入。

• 規格按鈕缺貨會灰掉
• 門市現貨／即時庫存／快速出貨三個標籤來自庫存表

購物車

數量調整、小計、免運提示；購物車存在瀏覽器，換頁不會掉。

結帳：取貨與付款

門市自取或宅配、姓名電話、付款方式（貨到付款／ATM／信用卡／LINE Pay）。

• 宅配自動加運費，滿額免運
• 手機末四碼之後用來保護訂單頁

訂單完成頁

單號、取貨方式、付款方式、明細；同一頁之後會顯示備貨與取貨狀態。

POS 收銀台（開單前）

門市機台的畫面：左邊刷條碼，右邊選經手人、客戶、付款方式。

• 掃碼槍嗶一下就進購物車，沒槍可用鏡頭或打貨號
• 現金／刷卡／匯款／LINE Pay 可混付

POS：刷兩件、按 500 現金

兩件商品進購物車，小計自動算；快捷鈕 100／500／1000／收整，找零當場顯示。

POS：結帳完成

單號產生、庫存已扣、交易入帳；按「開新單」接下一位客人。

後台：庫存清單

每個 SKU 的現有量、可售、安全庫存、售價、狀態；缺貨與低庫存用顏色標。

• 批次設安全庫存、CSV 匯出／匯入回填
• 「只看低庫存」一鍵篩選

後台：庫存異動帳

剛才官網與 POS 的每一筆出貨都留一列：時間、SKU、數量、餘額、來源單號、操作人。

每日結帳（Z 報表）

門市 POS 與線上訂單分開合計，再依付款方式分桶，關帳對抽屜用。

營收報表

區間總營收、訂單數、客單價、毛利率；門市 vs 線上；熱銷排行 Top 20。