"text/javascript" class="js-replyreload">replyreload += ',' + 1565652;
在上一版【初级版】分组菜单发布后,有一些同学觉得还是不过瘾,希望能更人性化,客户体验更好一些,像pc端那种下拉弹出式多级菜单,高大上的炫酷体验! 先上效果图
借鉴社区lony51同学的思路,老沈整理出详细文字版教程及视频教程,中间有一些非常小的细节一定要注意,否则有一点点差错,也实施不成功。 首先,你要耐心,其次,你要细心,然后,那就开工啦! 先设计好的商品分组,设计好商品分组属性,这个和初级版的前半部分差不多。 整理好分级分组的逻辑思维,示例如图 分组图片 【1】首先,我们先把商品登陆到商品库里,暂时不用管分组及微页面的设置。 【2】然后去设置商品分组,把每一级都添加为商品分组,因为一个商品可以属于多个商品分组, 那么我们就可以把商品的商品分组属性都加上。 例如:甘肃花牛苹果属于【水果】【国产水果】两个商品分组 其他商品以此类推
【3】然后,到店铺,自定义页面模块,新建自定义模块,输入“你好”
【4】在富文本【之外】右键单击,弹出菜单,点击审查元素 【5】再审查元素里,【Ctrl+f】搜索“你好”,点击 2 提醒:搜索你好,会出来2个你好,一定要在右侧的下拉箭头点击一下,第二个你好,才是我们要找的
【6】然后鼠标挪到代码 【你好】上,右键单击,到【edit as html】去编辑替换代码
【7】然后替换成你自己的代码。代码源文件 可以下载编辑替换成自己的。
修改代码,然后复制,到审查元素里的 【edit as html】你好,覆盖粘贴
【8】然后空白处点击鼠标左键
【9】然后编辑框点击预览
【10】然后保存 然后加到任何页面 然后就完工大吉
重点来了代码不熟悉咋办,怎么修改,看图说明,要是还不明白,那就么办法了,我已经尽了最大努力的详尽的讲解整个过程了
首先,下载代码,【回帖】就可以下载了,回帖是一种美德
二 修改顶部及一级菜单和二级菜单链接及文字,
三,保存,复制,粘贴到应用处,就ok了
再升级一步,可以微商城全局实现,到公共广告设置,添加富文本,把以上步骤在重复一遍.......
还想再升级么?全局,悬浮,任意位置悬浮多级菜单按钮,那就回帖点赞哦~ 有更好的想法,或者你有更多的想法,或者你实现了更帅的多级菜单,来贴一下你的效果图吧
来来来,交流一下使用心得吧,加我微信:59001643
感谢lony51 同学提供思路进行借鉴及扩展,lony51同学的微信及多级下拉式效果图
本帖最后由 老沈 于 2017-5-21 18:09 编辑
|