菜单系统

Megamenu配置

T3支持megamenu,允许你显示你的菜单灵活。在列中排列菜单项,将任何内容添加到菜单中…

 T3菜单

请注意,导航设置不是全局设置,这意味着在每个样式中,它可以有差异导航。在每个样式中,可以显示不同的菜单作为主菜单。

导航设置 使megamenu,请打开导航标签。使megamenu >选项,然后打开megamenu配置面板。

T3 导航

配置水平

有3个层次的配置,你应该知道

子菜单设置

栏目设置

菜单项的设置

1.Megamenu设置

Megamenu设置

此设置允许您配置的子megamenu,宽度添加列,并添加类风格吧。

2.栏目设置

子megamenu

在此配置级别中,可以添加列、删除列、设置列的宽度、将模块分配到列。

3.菜单项

菜单项

在这个级别的配置,您可以启用或禁用子菜单,如果菜单项,在组或不显示子菜单,将菜单项的右侧或左侧,分配一个模块一个模块的菜单项,添加菜单项图标。


megamenu选项

子菜单

此选项显示或隐藏父菜单的子菜单。如果菜单没有子菜单,当你启用这个选项,它允许你添加新的菜单和子菜单添加内容。

添加子菜单,点击菜单中要添加子菜单(只能添加一个菜单,没有子菜单的菜单)。

添加子菜单

添加新列/行

您可以为选定的列/行添加新列或行。

添加新列行

子菜单

你可以任何菜单项的子菜单中选择组菜单项然后启用选项“组”。

菜单选择组

为新创建的行/子模块 添加新的行/子菜单后,你可以从任何模块的显示内容的行/子菜单分配模块。

子菜单分配模块

移动菜单项

可以将菜单项移到下一列或前一列。此选项将帮助你将菜单项在列。

菜单项

调整子菜单和列的宽度

T3允许你改变大小的子菜单。选择子菜单然后改变像素大小。

子菜单

菜单的改变大小后,您可以更改列的大小,选择列和设置宽度(总数为12)。

列的大小


风格megamenu

你可以为任何级别的megamenu风格:菜单项,添加列,一类为外领域的子菜单。

Megamenu风格

有2个文件,你应该为MegaMenu添加样式。

megamenu.less : plugins/system/t3/base/less

megamenu.less : templates/t3_bs3_blank/less


添加菜单项的图标

您可以添加类来定义图标,你想要添加的菜单项,或者你可以使用类的引导和字体。

定义图标

让我们检查前端

检查前端


动画设置

T3支持4种动画类型megamenu。请记住,此功能仅适用于版本:1.2.5 动画配置有2个字段:动画类型和持续时间。

动画类型

目前,T3支持4种动画类型降低,滑动,弹性,和缩放。


主菜单

主菜单

主菜单,也称为固定菜单基本上是一个网站的菜单,这是锁定到位,使它不会消失时,用户向下滚动页面;换句话说,它是从网站上的任何地方,而无需滚动。 使主菜单有粘性的步骤:

# 1:添加“data-spy”类

  1. <nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav">
  1. <nav id="t3-mainnav" class="wrap navbar navbar-default t3-mainnav" data-spy="affix" data-offset-top="70">

# 2:为菜单添加样式

打开模板t3_bs3_blank/less/navbar.less然后替换样式规则:

  1. .t3-mainnav {
  2. border-left: 0;
  3. border-right: 0;
  4. margin-bottom: 0;
  5. border-radius: 0;
  1. .t3-mainnav {
  2. border-left: 0;
  3. border-right: 0;
  4. margin-bottom: 0;
  5. border-radius: 0;
  6. left: 0;
  7. right: 0;
  8. top: 0;
  9. z-index: 999;

小屏幕菜单系统

T3支持小屏幕2导航系统,第一个是默认的引导导航称为小屏幕折叠导航,二是从画布的侧边栏。检查出帆布边栏配置文档

若要启用默认引导导航,请在“导航”选项卡中启用小屏幕选项折叠导航。

折叠导航

前端外观

前端外观


从画布工具栏配置

新开的帆布栏现在是独立的小屏幕折叠导航。

关闭帆布侧边栏显示从定义的位置的内容

启用了帆布的侧边栏 启用了帆布的侧边栏,打开插件选项卡然后启用了帆布的侧边栏。

帆布侧边栏

分配模块位置了帆布的侧边栏。默认情况下,关闭画布将被分配到关闭画布位置。

关闭画布设置

添加了帆布栏的内容创建模块,然后分配给了画布的位置。

画布的设置

前端外观

前端外观

在小屏幕上使用画布作为导航

如果你想显示了帆布的侧边栏导航小屏幕平板电脑,手机,请禁用了帆布的侧边栏响应布局。

导航

前端外观

前端外观