支持的组件

• Joomla菜单
• Joomla分类与文章
• VirtueMart分类与产品
• HikaShop分类与品牌
• EasyBlog分类与文章
• K2
• ZOO
• JoomShopping
• MijoShop
• redSHOP

垂直菜单是一个一站式解决方案，因为它拥有5种不同的导航类型

• 滑动菜单
• 下拉菜单
• 树形菜单
• 展开菜单
• 手风琴菜单

滑动菜单

滑动菜单可能在智能手机的菜单系统中很熟悉。当你打开一个父项时，子项将以滑动动画的形式出现。你可以从 6种预定义的滑动效果 中选择，也可以使用内置的 动画构建器 创建自定义效果。在这种模式下，标题的作用像 面包屑，因此很容易跟踪哪个父项被打开。你可以通过简单的点击或滑动在智能设备上导航返回。

下拉菜单

在下拉菜单中，子项将出现在其父项的 旁边。因此，菜单的较低级别将以一行跟随其父项，并具有 12种预定义 或自定义 打开和关闭动画。
如果右侧没有足够的空间显示子菜单，它们将出现在左侧。如果屏幕上没有足够的空间显示所有项目，将出现滚动条。
在 触摸设备 上，此类菜单将 转换为滑动菜单，以获得更好的导航体验。

树形菜单

树形菜单类型的重点是子项将直接出现在其父项下方，形成一个 层次树结构。这种菜单类型很好地展示了父子关系。在导航过程中，你可以 展开 或 折叠 不同的子菜单。

展开菜单

这种菜单类型意味着，所有菜单项都将显示。你不需要任何点击或触摸交互来使它们可见。如果你只想显示一些菜单项，或者所有菜单项都很重要，这很好。

手风琴菜单

子级别将直接出现在其父项下方。每个子菜单级别都可以展开或折叠。当你打开一个分支时，之前打开的将自动关闭以节省空间。

每种类型都可以显示在 5 种不同的菜单定位中

• 嵌入模式
• 弹出模式
• 左侧边栏
• 右侧边栏
• 覆盖模式

嵌入模式

此模式是 Joomla 模块的基本用法。垂直菜单将被放置在所选位置。使用此模式，菜单可以在屏幕较小的设备上转换为边栏模式。
菜单可以自动从项目获取高度，或者也可以设置一个固定高度。在这种情况下，如果需要，将出现一个实心的滚动条。

弹出模式

使用弹出模式，你可以在所选模块位置显示菜单，甚至可以在页面的左上角显示。第一次只有打开按钮可见，如果你点击它，菜单将出现在按钮下方，或者如果那里空间不足，将出现在上方。
平滑滚动导航 也是此模式的一个功能。在这种情况下，如果你点击一个菜单项，页面将滚动到指定区域。具有 自动隐藏 功能，可以在点击菜单项后隐藏菜单，以便在较小的屏幕上显示整个内容。

左侧/右侧边栏

使用此模式，菜单将从页面选定的侧边弹出，并具有 GPU 加速的动画。这里有 14 种预定义的效果，从简单的到 3D 动画都有。所有这些都非常优化，也适用于移动设备。菜单的宽度可以从后端调整，并且菜单的打开可以通过菜单项触发，而不仅仅是其打开按钮。

覆盖模式

覆盖导航是网页设计中的新趋势，从你的网站页面上移除传统菜单。覆盖菜单的特殊之处在于它没有像模态框那样的固定大小，它可以覆盖整个屏幕，或者你可以设置菜单周围的自定义边距。此类型有 12 种预定义的打开动画，以及 6 种额外的悬停转换。

额外功能

内置过滤器

凭借强大的内置过滤功能，您只需输入菜单项标题或描述的一部分，最相关的结果就会显示在下面的列表中。这是市场上任何其他菜单解决方案都无法比拟的杀手级功能。只需输入几个字符，匹配的结果就会在瞬间出现，您无需浏览整个菜单结构。过滤栏可以完全自定义，包括可选的放大镜按钮、关闭图标和背景颜色。

自定义徽标和模块位置

使用垂直菜单，您可以自定义菜单，并在菜单上方显示自己的徽标。它还在每个菜单级别内置了模块位置。通过此功能，您可以为菜单级别添加更多酷炫的东西。通过集成谷歌地图、相关图像或AJAX搜索来提升用户体验。

响应式和移动优化

垂直菜单完全响应式且触摸友好，可提供增强的移动体验。所有动画都进行了优化，并在智能设备上显示。通过添加直观的手势支持，我们提供了在菜单系统中导航的更舒适方式。整个菜单具有立即触摸检测，以便提供最快的反馈。

平滑滚动导航

此功能非常适合单页布局的网站。菜单项可以滚动到指定的部分。

动画构建器

高级动画构建器可以帮助您通过许多可自定义的参数实现目标。您可以定义子级别和菜单项的自定义动画。

强大的API函数

通过API调用，您可以控制菜单或获取有关模块当前状态的某些信息。

徽章

您可以使用自定义徽章来突出显示菜单中的重要项。

按级别不同设计

您可以设置不同级别的颜色、字体和图标，使所有菜单级别都有独特的设计。

高级字体管理器

您可以使用直观的字体管理器设置字体家族、颜色、文本阴影和其他属性。它支持Google字体，您将在示例文本中实时看到所选的字体。

改进的菜单项选择器

在模块管理器中，您不仅可以选择显示的菜单，还可以指定哪些项将出现。

菜单项描述

使用垂直菜单，您还可以显示每个菜单项的描述。所有相关的字体样式设置都可以调整。

可调整大小的菜单图标（裁剪/缩放）

菜单项的图标可以根据大小进行调整，并且可以裁剪或缩放到所选的大小。

自定义CSS/JS

垂直菜单的后端提供了选项，可以放置您自己的JavaScript代码和CSS定义。因此，您无需为自定义而创建任何自定义文件。

浏览器支持

• Firefox
• Chrome
• Safari
• Opera
• Internet Explorer 9+

附加功能列表

• 3个主题：圆形、平面、简洁
• 14个侧边栏动画
• 18个预定义的子级别动画
• 动画透视背景
• GPU加速和3D动画
• LTR & RTL支持
• SEO优化
• 易于自定义
• 条件后端参数