[运营工具箱] 高级版 豪华下拉弹出式多级菜单设计【商品分组】

"text/javascript" class="js-replyreload">replyreload += ',' + 1565652;

在上一版【初级版】分组菜单发布后，有一些同学觉得还是不过瘾，希望能更人性化，客户体验更好一些，像pc端那种下拉弹出式多级菜单，高大上的炫酷体验！

先上效果图

点击→ 进入实际预览效果

借鉴社区lony51同学的思路，老沈整理出详细文字版教程及视频教程，中间有一些非常小的细节一定要注意，否则有一点点差错，也实施不成功。

首先，你要耐心，其次，你要细心，然后，那就开工啦！

先设计好的商品分组，设计好商品分组属性，这个和初级版的前半部分差不多。

整理好分级分组的逻辑思维，示例如图

分组图片

【1】首先，我们先把商品登陆到商品库里，暂时不用管分组及微页面的设置。

【2】然后去设置商品分组，把每一级都添加为商品分组，因为一个商品可以属于多个商品分组，

那么我们就可以把商品的商品分组属性都加上。

例如：甘肃花牛苹果属于【水果】【国产水果】两个商品分组

其他商品以此类推

【3】然后，到店铺，自定义页面模块，新建自定义模块，输入“你好”

【4】在富文本【之外】右键单击，弹出菜单，点击审查元素

【5】再审查元素里，【Ctrl+f】搜索“你好”，点击 2

提醒：搜索你好，会出来2个你好，一定要在右侧的下拉箭头点击一下，第二个你好，才是我们要找的

【6】然后鼠标挪到代码 【你好】上，右键单击，到【edit as html】去编辑替换代码

【7】然后替换成你自己的代码。代码源文件

可以下载编辑替换成自己的。

链接：http://pan.baidu.com/s/1hqoBpCo
密码：6mx3

修改代码，然后复制，到审查元素里的 【edit as html】你好，覆盖粘贴

【8】然后空白处点击鼠标左键

【9】然后编辑框点击预览

【10】然后保存

然后加到任何页面

然后就完工大吉

重点来了代码不熟悉咋办，怎么修改，看图说明，要是还不明白，那就么办法了，我已经尽了最大努力的详尽的讲解整个过程了

首先，下载代码，【回帖】就可以下载了，回帖是一种美德

游客，如果您要查看本帖隐藏内容请回复

二 修改顶部及一级菜单和二级菜单链接及文字，

三，保存，复制，粘贴到应用处，就ok了

再升级一步，可以微商城全局实现，到公共广告设置，添加富文本，把以上步骤在重复一遍.......

还想再升级么？全局，悬浮，任意位置悬浮多级菜单按钮，那就回帖点赞哦~

有更好的想法，或者你有更多的想法，或者你实现了更帅的多级菜单，来贴一下你的效果图吧

来来来，交流一下使用心得吧，加我微信：59001643

感谢lony51 同学提供思路进行借鉴及扩展，lony51同学的微信及多级下拉式效果图

本帖最后由 老沈 于 2017-5-21 18:09 编辑

用有赞真的很赞！

进一步认真学习一下

真厉害，我也找不到这个

有你有赞

学习到新技能，赶紧应用

感谢分享。

这个帖子真好

请问点击进入商城首页直接展开了。怎么解决？

　　有些人在出现没有胃口，浑身酸痛等情况的时候，有的医生推荐服用舒肝丸，而有的医生则推荐服用逍遥丸。不少人会问了，舒肝丸价格多少钱，和逍遥丸区别有哪些呢？这两种药物药效一样吗？功能主治一样吗？两者的成分是不一样，功能主治也有一定的差异，下面一起来了解一下。
　　舒肝丸对于舒肝丸价格多少钱，和逍遥丸区别有哪些这两个问题，我们先来看看第二个问题，二者在成分上有所差异，舒肝丸的主要成分有延胡索，白芍，木香沉香等，而逍遥丸的主要成分有柴胡，当归，茯苓，生姜，炙甘草等，可见两者的成分，具有相似性，但总体来说还是不一样的。
　　成分有所差异，那么表现在功能主治上也是不一样的，舒肝丸的主要功能是疏肝和胃理气止痛的，对于肝脏出现的气滞血瘀所导致的，肚子胀肚子疼，不想吃东西，泛酸水等病症都能起到改善的作用。而逍遥丸主要是疏肝健脾，养血调经，对于女性因为肝气不舒畅而引起的月经不调，肚子疼，没有食欲等效果不错。
　　可见两者的差别还是比较大的，舒肝丸价格是多少，和逍遥丸的区别哪些？再来看看舒肝丸的价格，现在国内生产舒肝丸这种药品的厂家不少，包装不一样，规格不同，批准的文号等也是不一样的，在不同的地区出售，价格也是有所差异的。具体购买的时候还要以当地的实际价格为准。

SFFSSSSSSSSSSSSS