Joomla 3.x. 如何使用“Ice Mega menu”

本教程展示了如何使用 冰Mega菜单在Joomla 3.x.

Joomla 3.x. 如何使用“Ice Mega menu”

1. On the screenshot 下面你可以看到主菜单是父菜单，其余的都是主菜单的子菜单:

   

2. 这样的菜单表示为 IceMegaMenu Module. 你可以找到这个 module in Extensions – Module manager 您的Joomla的部分:

   

3. 打开IceMegaMenu Module. 最重要的选择是 Select Menu. 它定义了哪个Joomla菜单将由此呈现 module:

   

4. 转到菜单并打开相应的菜单. 在我们的例子中，这是 Main Menu. 你可以通过访问打开它 Menus -> Main menu. 你可以看到父菜单 Home 及其子菜单:

   

5. 打开菜单. 我们已经开了 Home menu. Go to IceMegaMenu参数 section. 在那里你可以调整设置的大菜单. 您可以设置子菜单的列数， Dropdown 宽度、列宽和列中项目数:

   

6. In Column Width 字段，您可以以百分比指定每列的宽度. 我们可以看到5列. 让我们改变第一列和最后一列的宽度. 我们改变了价值观 17.5%, 17.5%, 17.5%, 17.5%, 30%, 100% to 10%, 17.5%, 17.5%, 17.5%, 37.5%, 100% 并保存更改:

   

7. 刷新页面并检查菜单. 我们可以看到第一列和最后一列的宽度被改变了(请检查第一列) screenshot 供参考):

   

8. 让我们检查设置 About menu:

   

9. 在菜单管理器中打开菜单. Open IceMegaMenu参数 section. 我们可以看到以像素为单位的列数和宽度:

   

10. Change Dropdown Width. 做同样的列宽度. We have set 220px value:

    

11. Save changes. Refresh page. 我们增加了子菜单的宽度. 您可以为每个菜单和子菜单调整这些设置:

    

请随时查看下面的详细视频教程:

Joomla 3.x. 如何使用“Ice Mega menu”