小程序商城分类样式详解

一级分类样式下提供了4种显示模式，二级分类样式下提供4种显示模式，三级分类样式下提供了3种显示模式，共计11种分类样式可以选择。

设置步骤：

STEP1：商品管理--商品分类--分类样式--选对样式启用

STEP2：设置分类页面链接--填写分类id（也可以不填写）--保存

一级分类样式中的小图标模式

• 当没有填分类id，只显示所有一级分类；

• 当填写一级分类id，显示该一级分类下面的二级分类；

• 当填写二级分类id，显示该二级分类下面的三级分类；

• 当填写三级分类id，则显示无分类。

 一级分类样式中的大图标模式

• 当没有填分类id，只显示所有一级分类；

• 当填写一级分类id，显示该一级分类下面的二级分类；

• 当填写二级分类id，显示该二级分类下面的三级分类；

• 当填写三级分类id，则显示无分类。

一级分类样式中的商品列表（显示顶部分类栏）模式

• 当没有填分类id，只显示所有一级分类及其商品；

• 当填写一级分类id，显示该一级分类下面的二级分类以及他们的商品；

• 当填写二级分类id，显示该二级分类下面的三级分类及其商品；

• 当填写三级分类id；直接显示这个三级分类对应商品。

一级分类样式中的商品列表（显示左侧分类栏）模式

• 当没有填分类id，左边所有一级分类，右边显示他们的商品；

• 当填写一级分类id，左边显示该一级分类下面的二级分类，右边显示他们的商品；

• 当填写二级分类id，左边显示该二级分类下面的三级分类，右边显示他们的商品；

• 当填写三级分类id，直接显示三级分类对应的商品。

   

二级分类样式中的大图标（显示左侧分类栏）模式

• 当没有填分类id，左边显示所有一级分类，右边显示二级分类；

• 当填写一级分类id，左边显示该1级分类下面的二级分类，右边显示对应的三级分类；

• 当填写二级分类id，左边显示该二级分类下面的三级分类，右边为空；

• 当填写三级分类id，则页面为空。

二级分类样式中的小图标（显示左侧分类栏）模式

• 当没有填分类id，左边显示所有一级分类，右边显示二级分类；

• 当填写一级分类id，左边显示该1级分类下面的二级分类，右边显示对应的三级分类；

• 当填写二级分类id，左边显示该二级分类下面的三级分类，右边为空；

• 当填写三级分类id，则页面为空。

二级分类样式中的商品列表（显示顶部分类栏）模式

• 当没有填分类id，第一层显示所有一级分类，第二层显示二级分类，下面显示对应的分类商品；

• 当填写一级分类id，第一层显示该一级分类下面的二级分类，第二层显示对应的三级分类，下面显示对应的分类商品；

• 当填写二级分类id，第一层显示该二级分类下面的三级分类，没有第二层，下面显示对应的分类商品；

• 当填写三级分类id，则页面没有第一层跟第二层，下面直接显示商品。

二级分类样式中的商品列表（显示左侧分类栏）模式

• 当没有填分类id，左边显示所有一级分类，左边上面显示二级分类，下面显示对应的二级分类商品；

• 当填写一级分类id，左边显示该一级分类下面的二级分类，左边上面显示对应的三级分类，下面显示对应的三级分类商品；

• 当填写二级分类id，左边显示该二级分类下面的三级分类，右边直接显示对应的分类商品；

• 当填写三级分类id，直接显示三级分类对应商品。

三级分类样式中的大图标模式（显示左侧分类栏）模式

l 三级分类样式不支持填写分类id，直接根据系统设置样式显示。

三级分类样式中的小图标模式（显示左侧分类栏）模式

l 三级分类样式不支持填写分类id，直接根据系统设置样式显示。

三级分类样式中的商品列表模式（显示左侧分类栏）模式

l 三级分类样式不支持填写分类id，直接根据系统设置样式显示。