购物车

购物车里没有产品。

网站的基本设置

制作超级菜单

79 views

使用我们的模板制作超级菜单不需要借助第三方插件,并且支持在超级菜单中调用自定义的内容和布局,只要你可以使用编辑器做出来的内容,都可以在菜单中调用。

下面我们举例来讲解两种常用的超级菜单:

  1. 分列显示菜单列表:适合分类比较多,需要更好地展示产品分类列表
  2. 选项卡+产品数据:分类相对少一点,需要展示分类和部分产品

超级菜单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

第二步:编辑内容块菜单内容