如何修改菜单导航
这篇文章主要讲如何修改网站的导航部分:
预览要修改的部分,如图
导航部分主要有两个部分组成,一个是商品所有分类模块,还有就是模板输出菜单。
1、如何修改商品所有分类模块
如图在模块管理中,menu-left位置上有商品所有分类模块,类型是sj_flat_menu
进入编辑模块的页面,如图,注意模块的css类all-categories
在这里你可以随意改变菜单的动画以及风格
在高级选项中,替代布局选择 allcategories 布局,如图
如果你需要修改商品所有分类的内容,如图
你可以去后台的菜单,找到属于所有商品分类菜单的菜单项,如图
在这里你可以随意的修改关于商品所有分类的内容,这些菜单项的菜单类型都是ZMAX商城的商品列表
2、如何修改导航
2、1主题导航
网站的主导航部分不是通过模块输出的,而是在模板管理中 sj_market 模板做了导航的设置,如图
在菜单设置栏目中,菜单类型选择了中文菜单,菜单样式选择了Mega,动画效果选择了easeLnOutCirc,时间设置150;
如果你需要固定顶部菜单,你可以在高级参数中把
2、2在导航中,首页4种不同的布局是怎么产生的?
sj_market模板有写好的4种不同首页布局放置,把每个布局绑定到菜单项的id上就可以实现了,如图
在模板中从写的布局
4种菜单项的id,如图
4种布局就算建立好了,只需要把各个模块分配在不同的位置,4种不同的首页就算建立好了。
2、3导航中如何建立组合菜单
组合菜单如图
一般这样的组合菜单一般都是通过菜单项,选择其中几个模块来搭建的。
通过后台查看组合菜单这个菜单项知道,该菜单项的菜单类型是外链,通过yt的菜单插件来实现子菜单项是模块。如图
如图:给菜单项添加一个css类 mega1 ;设置内容的宽度为900px,列数分类3列,每一列的宽度站33%,内容的类型选择的是位置,在位置选择meag2;需要调整组合的列数,宽度和展示内容就是在这里调整了。
在mega2模块的位置上有3个自定义模块,没错这就是组合菜单的内容,如图
3个模块都是自定义的内容,需要修改可以有直接修改模块的内容就好了
2、3如何给菜单项添加旗帜的标签
在导航的上方中有一个hot标志的小旗帜,这个是如何实现的呢?其实很简单,就是通过菜单项上传一张旗帜的小图片就可以了,如在简码的菜单项中,如图