Tigshop 使用文档

商品收藏与取消流程

16. 商品收藏与取消流程(买家端)

买家在列表或详情收藏/取消商品,或在会员中心管理收藏与店铺收藏,并可从收藏列表加购或清理失效项。

参与角色:买家/消费者、系统

flowchart TD
    Start([浏览商城]) --> CollectEntry{收藏入口}

    CollectEntry -->|商品详情页| DetailPage[商品详情页"收藏"按钮]
    CollectEntry -->|商品列表| ListPage[商品列表"收藏"图标]

    DetailPage --> ClickCollect[点击收藏]
    ListPage --> ClickCollect

    ClickCollect --> CheckLogin{是否已登录}
    CheckLogin -->|否| GoLogin[跳转登录页]
    GoLogin --> LoginBack[登录后返回]
    LoginBack --> ClickCollect
    CheckLogin -->|是| CheckCollected{是否已收藏}

    CheckCollected -->|未收藏| AddCollect[添加收藏]
    AddCollect --> CollectSuccess[收藏成功,图标变为已收藏状态]
    CollectSuccess --> End1([继续浏览])

    CheckCollected -->|已收藏| RemoveCollect[取消收藏]
    RemoveCollect --> RemoveSuccess[取消成功,图标恢复未收藏状态]
    RemoveSuccess --> End2([继续浏览])

    %% 收藏列表管理
    MemberCenter([会员中心]) --> MyCollect[进入"我的收藏"页面]
    MyCollect --> ShowCollectList[展示收藏商品列表]

    ShowCollectList --> CollectInfo[展示商品图片/名称/价格/库存状态]
    CollectInfo --> CollectAction{操作}

    CollectAction -->|查看商品| GoDetail[进入商品详情页]
    CollectAction -->|加入购物车| AddToCart{商品是否有效}
    CollectAction -->|取消收藏| CancelCollect[从收藏列表移除]
    CollectAction -->|批量取消| BatchCancel[勾选多个批量取消]

    AddToCart -->|有效| CartSuccess[成功加入购物车]
    AddToCart -->|已下架/售罄| InvalidTip[提示商品已失效]
    InvalidTip --> CleanInvalid[清理失效收藏]

    CancelCollect --> ConfirmCancel{确认取消}
    ConfirmCancel -->|确认| Removed[移除成功]
    ConfirmCancel -->|取消| ShowCollectList

    BatchCancel --> ConfirmBatch{确认批量取消}
    ConfirmBatch -->|确认| BatchRemoved[批量移除成功]
    ConfirmBatch -->|取消| ShowCollectList

    %% 店铺收藏
    ShopPage([店铺首页]) --> CollectShop[点击"收藏店铺"]
    CollectShop --> ShopCollectSuccess[店铺收藏成功]
    ShopCollectSuccess --> MyShopCollect[会员中心"收藏店铺"列表]
    MyShopCollect --> ShopAction{操作}
    ShopAction -->|进入店铺| EnterShop[进入店铺首页]
    ShopAction -->|取消收藏| CancelShopCollect[取消店铺收藏]

    GoDetail --> End3([商品详情])
    CartSuccess --> End4([购物车])

步骤说明

  1. 从商品详情或列表进入收藏入口,点击收藏;未登录则跳转登录,返回后继续。
  2. 若当前未收藏则添加收藏并更新为已收藏状态;若已收藏则取消并恢复未收藏状态,继续浏览。
  3. 从会员中心进入「我的收藏」,查看收藏商品列表及图片、名称、价格与库存状态。
  4. 可进入商品详情,或将有效商品加入购物车;若已下架或售罄则提示失效并可清理失效收藏。
  5. 可单个取消收藏(确认后移除)或批量取消(确认后批量移除);取消确认操作可返回列表。
  6. 在店铺首页可收藏店铺,之后在会员中心「收藏店铺」列表中进入店铺或取消店铺收藏。
  7. 流程结束。
商品收藏与取消流程
请输入搜索内容
大纲
16. 商品收藏与取消流程(买家端)
步骤说明