网站的基本设置
制作超级菜单
使用我们的模板制作超级菜单不需要借助第三方插件,并且支持在超级菜单中调用自定义的内容和布局,只要你可以使用编辑器做出来的内容,都可以在菜单中调用。
下面我们举例来讲解两种常用的超级菜单:
- 分列显示菜单列表:适合分类比较多,需要更好地展示产品分类列表
- 选项卡+产品数据:分类相对少一点,需要展示分类和部分产品
超级菜单1:分列显示菜单列表

视频教程
以下就是视频中我们用到的css代码,一般添加到 外观 – 自定义,额外 CSS 那里:
[class*=ct-mega-menu]>.sub-menu>li>.ct-menu-link {
font-size: 120%;
}
[class*=ct-mega-menu] .sub-menu .sub-menu>li {
padding-left:20px;
position: relative;
}
[class*=ct-mega-menu] .sub-menu .sub-menu>li:before {
content:"";
position: absolute;
top:50%;
left:0;
width:10px;
height:2px;
background: #ddd;
}
超级菜单2:选项卡+产品数据
请务必看上一节的视频,因为有些东西在上面讲了,这里的视频不重复!!
第一步:菜单调用内容块
视频提到在 Advanced Tabs 需要添加的css类为:big-menu