［秘籍］超好看的店铺页面多级分类，原来是这么做的

对于商品分类很多的商家而言最最需要的就是​页面多级分类了，今天给大家讲一个由代理商［沈阳络灵科技有限公司］提供的可以在有赞页面实现多级分类的方法，此篇为干货贴，步骤较多，需腾20分钟以上进行学习；

制作好的页面如下图所示：

▲  扫码可参观商城

详细跟大家说下具体的操作步骤：

步骤一：

在有赞后台营销－营销中心－秀米，进行授权

（或登录：https://xiumi.us

​

步骤二：

在秀米里面选择［布局］（路径：点击更多－将布局标签上拖动 变成常用标签）

步骤三：

选择一个［1行－2列的布局］，拖动一个布局里面的［上下滑动布局］放置在右边的空白布局中，将［标题］放置在左边点击布局里面，再将［标题］放置到［上下滑动布局］的下面；这时会看到右边的布局框里面有上下滚动条，删除［上下滑动布局］

将右边布局［高度设置为650］，为了在有赞页面展示的时候能够滑动展示

步骤四：

复制所编辑好的布局，点击对勾，ctrl+c复制

​

步骤五：

进入有赞后台，选择店铺－微页面－新建微页面－富文本，ctrl+v 进行粘贴

​

步骤六：

选中右边第一个请输入标题，插入表格［1列6行］行的数量就是右边的你需要的分类数量

​

步骤七：

选中左边的请输入标题，插入表格［3列8行］列的数量就是横着展示商品的数量，行的数量是表示这个板块的高低，行的数量越多越能体验滑动的效果。除［分组一］外，将其他分组单元格设置为灰色，［分组一］设置为［红色］，展示出点击之后的效果；

由于分类较多所以可以在顶部添加［商品搜索］按钮；勾选全屏显示

​

步骤八：

进行复制该微页面，命名为［微页面分组一］，编辑复制过来的微页面，命名为［微页面分组二］

​

步骤九：

将［分组二］单元格设置白色，字体为红色，设置分组二右边表格的内容；复制［微页面分组一］的微页面链接，选中［分组一］添加超链接；以此类推，将全部分组的页面制作完毕之后，再每一个微页面分组里面插入分组对应的页面链接，就完成了。

上传图片之后记得给每一个图片添加超链接，并且去掉表格边框哦（表格边框去除：选中表格－表格属性－表格边框设置为与背景色一致就可以了）

______________________________________________________________________________

∨

∨

​如果觉得内容太多，可以添加下方微信进行学习

试了下操作太繁琐了   不适合太多分组使用   其实有赞出个这样的分组模块多好

赛马王 发表于 2017-8-24 14:51
试了下操作太繁琐了   不适合太多分组使用   其实有赞出个这样的分组模块多好 ...

需求已反馈给产品，但是开发时间可能会比较久，也可以先花一些时间先学习看看这个哦，其实学会之后也变得特别简单呢～   可以添加微信进行交流哟

谁能具体教教我呀

我都是代码完成，相对简单一些

无敌猴赛雷 发表于 2018-7-5 09:45
我都是代码完成，相对简单一些

好厉害，可否分享一下呢

有赞-朦朦 发表于 2017-8-24 15:13
需求已反馈给产品，但是开发时间可能会比较久，也可以先花一些时间先学习看看这个哦，其实学会之后也变得 ...

好多东西不完善，模版很单一，左侧列表一排只能展式一个商品，商品多很不方便，顶部菜单不留意不会看到后面分组，属实很鸡肋

看的我头疼  很麻烦