Gantry 的架构提供了两种菜单类型，下拉菜单还有分离式菜单，先打开 管理后台 .. 扩展 .. 模板管理 ... 找到 Gantry 模板 ... 再打开 菜单 这个选项卡 ..

在这里我们可以去修改跟菜单相关的一些设置 ... 首先确定已经启用了菜单 .. 然后再去选择菜单的类型 .. 默认是 Dropdown 菜单，也就是下拉式的菜单 ..

在下面，我们可以选择要显示的菜单的名称 ... 默认是 Main Menu ，也就是模板会去显示主菜单里面的内容 ..

我们在一个新窗口里，打开 菜单管理 去看看 ..

菜单 ，打开 Main Menu ... 也就是 Gantry 默认会显示的那个菜单 ..

这里我提前创建了一些菜单项 .. 自行车 这个菜单里下面会包含一些子菜单项 ... 山地 .. 公路 .. 还有 多用途..

下面去前台预览一下 ...

在页头区域上，会显示 Main Menu 菜单 .. 鼠标放在包含子菜单项的菜单上 .. 会弹出下拉菜单显示子菜单项 ..

这个菜单的显示位置我们是可以自己在后台指定的 .. 回到 模板管理 ..

在 位置 这里，你可以指定菜单显示的位置 .. 现在是 header-b 这个位置..

打开布局 ... 找到 头部位置 .. 修改一下这个区域上的模块的布局 .. 目前这个区域上 左边会显示标志 .. 右边显示菜单 ...

我们让标志占用两个网格的宽度 ... 剩下的空间留给导航菜单 .. 点击 保存 ..

再回到 菜单 ... 下面我们看一下 分离式菜单 ... 类型 选择 Split-菜单 ..

选择以后，下面会多出来一些选项 ... 除了选择主菜单的位置以后，我们还要选择分离出来的 子菜单 的显示的位置 ... 默认是 sidebar-a 这个位置..

回到前台 ... 刷新 .. 鼠标放在 自行车 这个菜单项的上面 ... 不会弹出下拉菜单 ... 点击打开 ...

在页面的边栏位置上 .. 你会看到 自行车 这个菜单项下面包含的所有子菜单项 ... 这就是 Gantry 架构的分离式菜单 ..

回到 Gantry 模板 ... 把菜单的类型再改回成 下拉菜单 .. 点击 保存 ...

中文翻译

回到 Main Menu 菜单管理的界面 ... 打开其中的一个菜单项 ... （ #自行车 ）..

再打开这个菜单项的 高级选项 ... 在这个高级选项的最下面 ... 有两个面板 ... 这两个面板可以分别去控制 Gantry 的 下拉菜单还有分离菜单的显示 ..

不过目前这里都是英文的 ... 改成中文我们需要修改模板目录下面的几个 xml 文件 ...

先打开 Gantry 模板所在的目录 ... gantry/templates/gantry/html/mod_roknavmenu/themes

这里有两个目录，gantry-dropdown .. 还有 gantry-splitmenu ... 先打开 gantry-dropdown .... 这里的 item.xml 就是刚才我们在菜单项的高级选项里看到的，关于 下拉菜单 的一些设置 ...

打开看一下 ... 这个文件里就是一些标签 ... 标签里面有一些属性 ，如果你想把它翻译成中文 ... 你可以翻译这些标签里面的 label 属性 ... 还有 description 属性 ...

我已经提交为你翻译好了，你可以直接替换掉这个文件 ..

打开 资料包 ...

找里面的 gantry-dropdown 下面的 item.xml ... 复制到 gantry 模板下面的 gantry-dropdown 目录里 ... 直接替换这个目录里的 item.xml ...

或者你也可以先备份一下这个英文版的 item.xml

同样的方法，再处理一下 gantry-splitmenu 下面的 item.xml ...

回到 菜单项的管理界面 ... 刷新 ... 高级选项 ..

你会看到，最下面这两个面板上就会显示成中文了 ....