商品分类导航流程

5. 商品分类导航流程（买家端）

买家从首页或分类入口进入多级分类，加载分类商品列表后可筛选、翻页或进入详情，也可从分类楼层进入推荐商品。

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

flowchart TD
    Start([买家进入商城首页]) --> NavEntry{分类导航入口}

    NavEntry -->|PC端顶部导航| PCNav[鼠标悬停分类菜单]
    NavEntry -->|移动端底部Tab| MobileTab[点击"分类"Tab]
    NavEntry -->|首页分类楼层| HomeFloor[点击首页分类区域]

    PCNav --> ShowSubCat1[展开一级分类下拉]
    ShowSubCat1 --> HoverSub[鼠标移入子分类]
    HoverSub --> ShowSubCat2[展示二级/三级分类及推荐品牌]

    MobileTab --> ShowCatPage[进入分类页面]
    ShowCatPage --> ShowLeftCat[左侧一级分类列表]
    ShowLeftCat --> ClickLeftCat[点击一级分类]
    ClickLeftCat --> ShowRightSub[右侧展示二级/三级分类及图标]

    HomeFloor --> ShowFloorProducts[展示该分类的推荐商品]

    ShowSubCat2 --> ClickCat[点击目标分类]
    ShowRightSub --> ClickCat
    ShowFloorProducts --> ClickProduct[点击推荐商品]

    ClickCat --> LoadCatList[加载该分类商品列表]
    LoadCatList --> ShowCatInfo[展示分类信息与筛选栏]
    ShowCatInfo --> FilterArea{筛选操作}

    FilterArea -->|选择子分类| DrillDown[进入下级分类]
    FilterArea -->|选择品牌| FilterBrand[按品牌筛选]
    FilterArea -->|选择属性| FilterAttr[按属性筛选]
    FilterArea -->|设置价格| FilterPrice[按价格区间筛选]

    DrillDown --> LoadCatList
    FilterBrand --> RefreshResult[刷新筛选结果]
    FilterAttr --> RefreshResult
    FilterPrice --> RefreshResult

    RefreshResult --> BrowseAction{浏览操作}
    ClickProduct --> GoDetail

    BrowseAction -->|点击商品| GoDetail[进入商品详情页]
    BrowseAction -->|翻页/加载更多| LoadMore[加载更多商品]
    BrowseAction -->|返回上级分类| BackParent[返回父级分类]
    BrowseAction -->|重新搜索| GoSearch[进入搜索流程]

    LoadMore --> RefreshResult
    BackParent --> LoadCatList

    GoDetail --> End([查看商品详情])
    GoSearch --> End2([进入搜索])

步骤说明

买家进入商城首页，从 PC 顶部悬停分类菜单、移动端「分类」Tab 或首页分类楼层进入分类浏览。
PC 路径：悬停展开一级分类，移入子分类查看二三级分类与推荐品牌，点击目标分类。
移动端路径：进入分类页，在左侧一级分类中点击，右侧查看子分类与图标，点击目标分类。
首页分类楼层路径：点击楼层展示该分类推荐商品；可直接点击推荐商品进入详情。
点击目标分类后加载该分类商品列表，展示分类信息与筛选栏。
在筛选区可进入子分类（钻取后重新加载列表）、按品牌/属性/价格筛选并刷新结果；可翻页加载更多、返回父级分类重新加载列表，或进入搜索流程。
点击商品进入商品详情；或从搜索入口进入搜索流程，对应分支结束。
流程结束。