Please enable JavaScript.

Coggle requires JavaScript to display documents.

商品頁, 確認購物車頁, 付款與運送方式, 資料填寫 - Coggle Diagram

- - - - 數量顯示為文字"已售完"，無法增加數量
      - 點選後，購買按鈕顯示為「貨到通知我」
        
        未登入
        
        顯示提示訊息，引導用戶去登入
        
        已登入
        
        顯示貨到通知資訊，可填入要接收通知的email
        
        email 格式正確
        
        待商品上架後可正常接收通知
        
        email 格式錯誤
        
        顯示錯誤訊息，且無法送出
      - 尺寸上要有刪除線
    - - 數量可依需求增加/減少
      - 數量 = 最小可購買數量時，"-"號反灰無法點選
      - 預設數量為最小可購買數量
      - 數量 = 最大可購買數量時，"+"號反灰，可點選
        
        彈出提示訊息「本商品最多購買X件」
        
        無法手動關閉，X秒後訊息自動消失
- - - - 未選擇就按立即結帳，會顯示錯誤訊息
      - 選擇完畢，按立即結帳
- - - - 右上購物車按鈕會即時顯示加入的商品數量
        
        滑鼠移過去可以檢視購物車商品列表
        
        可按結帳，導入購物車頁
        
        每加一個商品，數量也會隨之增加
  - - - 未選擇就按加入購物車，會顯示錯誤訊息
      - 選擇完畢，按加入購物車
- - - - 滑鼠移過去可以放大顯示
      - 點擊圖片可開新分頁放大顯示
- - - - 更改數量後金額、總金額會隨之變動
  - - - 金額為所選商品數量、活動折扣、優惠碼的總和
- - - - 優惠代碼不存在
        
        顯示無效代碼的錯誤訊息
      - 優惠代碼可使用
        
        自動打勾，尚未套用
    - - 一次只能打勾一張
      - 勾選後要按"確認"才會套用
    - - 可展開查看折扣券詳情
- - - - 已符合活動資格
        
        自動套用折扣
      - 未符合活動資格
        
        在單一商品上顯示未符合的項目，且有"?"圖示讓用戶查詢原因
        
        列表在下方顯示未符合資格的活動，且可展開查詢原因
- - - - 顯示可用的卡別
      - 分期項目會自動算出每期的金額，且金額正確
      - 顯示相關優惠資訊
    - - 顯示相關優惠資訊
- - - - 所有已加入購物車的商品都還在
- - - - 可更改
  - - - 可套用資訊回收件人資訊欄位
- - - - 檢查統編格式
      - 檢查Email格式
      - 常用統一編號
        
        展開後顯示已存的統編列表
        
        可套用回前一頁
      - 所有欄位皆為必填
  - - - 所有已加入購物車的商品都還在
- - - - 付款成功，返回主站
- - - - 卡號
      - 到期日
        
        不正確時顯示相應錯誤訊息
      - CVC/CVV