栏目风格

## **栏目风格**

**1、页面需展示全部分类商品时建议选择风格1、2；  
2、风格3、风格4 仅支持展示单个一级栏目下二级栏目及其商品；  
3、风格1、2、3、4当选择 “全部商品” 时，当前栏目默认显示最新ID的一级栏目及其下栏目内容；**  
![](https://web.28.cq.cn/img/2022/03/15/2022-03-15_144401_519636.png)

**风格1：**  
1、跳转任意一级栏目，左侧显示所有的一级栏目，右侧显示当前选中的一级栏目下的所有二级栏目；  
2、跳转 “全部商品” 时，左侧当前选中的一级栏目默认为ID最新的栏目；  
![](https://web.28.cq.cn/img/2022/03/15/2022-03-15_144401_091447.png)  
![](https://web.28.cq.cn/img/2022/03/15/2022-03-15_144400_599304.png)

**风格2：**  
1、跳转任意一级栏目，左侧显示所有的一级栏目，右侧顶部显示当前选中的一级栏目下的二级栏目，右侧下方显示当前一级栏目下的二级栏目的所有商品；  
2、跳转 “全部商品” 时，左侧当前选中的一级栏目默认为ID最新的栏目；右侧顶部默认选中的栏目为当前一级栏目下ID最新的二级栏目；  
![](https://img.kancloud.cn/a3/af/a3afc2b949251975b4bea03c4b66e73b_448x874.png)

**风格3：**  
1、当跳转任意一个一级栏目，左侧也是显示当前一级栏目下的所有二级栏目，右侧显示当前二级栏目下的所有商品；  
2、跳转 “全部商品” 时，左侧只显示ID最新的一级栏目下的所有二级栏目，右侧显示当前二级栏目下的所有商品；  
![](https://web.28.cq.cn/img/2022/03/15/2022-03-15_144401_346368.png)

**风格4：**  
1、当跳转任意一个一级栏目，顶部也是显示当前一级栏目下的所有二级栏目，右侧显示当前二级栏目下的所有商品；  
2、跳转 “全部商品” 时，顶部只显示ID最新的一级栏目下的所有二级栏目，右侧显示当前二级栏目下的所有商品；  
![](https://web.28.cq.cn/img/2022/03/15/2022-03-15_144401_750428.png)