ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、视频、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
# 分类页面说明 注意:分类样式是在4.2.30版本更改,需要前端也是该版本之后重新上传 查看设置位置:![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1578626293225.png) # 一级分类样式4种: ## 1.一级分类样式-小图标样式(不显示商品) ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590388735987.png) ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590389203254.png) 选中该样式,可以选择填写分类id,会出现不同的效果 #### 1.当没有填写分类id,则显示所有一级分类的小图标; #### 2.当填写了一级分类id ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590388874452.png) 则显示该一级分类下面的二级分类的小图标 #### 3.当填写二级分类id ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590388964058.png) 则显示该二级分类下面的三级分类的小图标 #### 4.不支持填写三级分类id ## 2.一级分类样式-大图标样式(不显示商品) ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590389152704.png) ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590389227834.png) 选中该样式,可以选择填写分类id,会出现不同的效果 #### 1.当没有填写分类id,则显示所有一级分类的大图标; #### 2.当填写了一级分类id ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590388874452.png) 则显示该一级分类下面的二级分类的大图标 #### 3.当填写二级分类id ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590388964058.png) 则显示该二级分类下面的三级分类的大图标 #### 4.不支持填写三级分类id ## 3.一级分类中的商品列表样式(顶栏&显示商品) ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590389423285.png) 选中该样式,可以选择填写分类id,会出现不同的效果 #### 1.当没有填写分类id, ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590389614045.png) 这里显示所有一级分类的名称, 下面显示对应分类下面的商品 #### 2.当填写了一级分类id ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590388874452.png) ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590389614045.png) 这里显示填写的一级分类下面的二级分类名称 下面显示对应的二级分类商品 #### 3.当填写二级分类id ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590388964058.png) ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590389614045.png) 这里显示对应的二级分类下面的三级分类的名称; 下面显示对应的三级分类的商品; #### 4.当填写三级分类id 之间显示对应三级分类的商品; ## 4.一级分类中的商品列表样式(左侧栏&显示商品) ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590389830374.png) 选中该样式,可以选择填写分类id,会出现不同的效果 #### 1.当没有填写分类id, ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590389888276.png) 这里显示所有一级分类的名称, 右面显示对应分类下面的商品 #### 2.当填写了一级分类id ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590388874452.png) ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590389909228.png) 这里显示填写的一级分类下面的二级分类名称 右面显示对应的二级分类商品 #### 3.当填写二级分类id ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590388964058.png) ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590389916540.png) 这里显示对应的二级分类下面的三级分类的名称; 右面显示对应的三级分类的商品; #### 4.当填写三级分类id 之间显示对应三级分类的商品; # 二级分类样式四种: ## 1.二级分类中的小图标样式(不显示商品): ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590390025639.png) #### 1.当不填写分类id: 左边显示一级分类的名称 右边显示对应的二级分类的小图标; #### 2.当填写一级分类id 左边显示对应的一级分类下面的二级分类名称 右边显示二级分类下面的三级分类的小图标 #### 3.当填写二级分类id 左边显示二级分类下面的三级分类名称 右边为空 #### 4.不支持填写三级分类id ## 2.二级分类中的大图标样式(不显示商品): ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590390397894.png) #### 1.当不填写分类id: 左边显示一级分类的名称 右边显示对应的二级分类的大图标; #### 2.当填写一级分类id 左边显示对应的一级分类下面的二级分类名称 右边显示二级分类下面的三级分类的大图标 #### 3.当填写二级分类id 左边显示二级分类下面的三级分类名称 右边为空 #### 4.不支持填写三级分类id ## 3..二级分类中的商品列表样式(顶栏&显示商品) ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590390772278.png) #### 1.当不填写分类id: ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590390792481.png) 第一层显示一级分类名称 ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590390807269.png) 第二层显示二级分类名称 下面显示二级分类对应的商品 #### 2.当填写一级分类id ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590390792481.png) 第一层显示该一级分类下面的二级分类的名称 ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590390807269.png) 第二层显示三级分类名称 下面显示三级分类对应的商品 #### 3.当填写二级分类id ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590390792481.png) 第一层显示该一级分类下面的三级分类的名称 没有第二层 下面显示三级分类的商品 #### 4.当填写三级分类id 直接显示三级分类商品 ## 4..二级分类中的商品列表样式(侧栏&显示商品) ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590391286699.png) #### 1.当不填写分类id: ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590391342313.png) 第一层显示一级分类名称 ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590390807269.png) 第二层显示二级分类名称 下面显示二级分类对应的商品 #### 2.当填写一级分类id ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590390792481.png) 左侧显示该一级分类下面的二级分类的名称 ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590456701375.png) 这里显示三级分类名称 右下显示三级分类对应的商品 #### 3.当填写二级分类id ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590390792481.png) 左侧显示该一级分类下面的三级分类的名称 右下显示三级分类的商品 #### 4.当填写三级分类id 直接显示三级分类商品 # 三级分类样式三种: 填不填分类id都是直接显示所有三级分类。固定样式不变 ![](https://saas-1257028257.cos.ap-nanjing.myqcloud.com/kancloud-img/screenshot_1590456891517.png)