derhaeuptling/contao-mega-menu

Contao开源CMS的大菜单扩展

维护者

详细信息

github.com/derhaeuptling/contao-mega-menu

源代码

问题

安装次数: 11,969

依赖关系: 0

建议者: 0

安全: 0

星标: 3

关注者: 7

分支: 3

类型：contao-module

1.1.7 2024-04-22 20:30 UTC

Requires

Replaces

  • contao-legacy/mega_menu: 1.1.7

LGPL-3.0+ c8696fe97ae31b817cf62409a347c49d5363693f

menunavigationcontaomegaMega Menu

This package is auto-updated.

Last update: 2024-09-22 21:16:55 UTC

README

Contao插件，集成灵活且可调整的大菜单，可在导航下方下拉。

功能

  • 可以在Contao布局部分添加和管理不同的大菜单。
    所需数量。
  • 这些大菜单可以被分配到Contao页面设置中所需的页面。
    任何页面都可以使用不同的大菜单。
  • 在主题导航模块中，可以选择几个预先准备的大菜单模板之一。

设置

  1. 导航到布局 -> 大菜单
    通过点击"新建菜单"添加至少一个大菜单。
    在此菜单内部，您可以添加Contao内容元素来构建大菜单的内容。

  2. 导航到布局 -> 站点结构 -> 编辑页面
    转到包含大菜单的页面的页面设置。
    在"大菜单设置"部分检查"启用大菜单"。
    选择在步骤（1）中创建的大菜单之一。

  3. 导航到布局 -> 主题 -> 模块
    转到您想要用于大菜单的前端导航模块。
    将一个可用的模板作为"导航模板"。

模板

这些模板是可用的。

  • nav_mega_menu_default
    仅CSS的全宽度解决方案。

  • nav_mega_menu_default_noHover_justClick
    仅在点击时打开，但忽略悬停。使用JavaScript。

  • nav_mega_menu_default_outside
    将大菜单放置在导航html节点之外。这会阻止CSS解决方案工作，需要JavaScript，但此包中未包含。

    nav_mega_menu_default_outside的使用案例

    • 将大菜单放置在任何需要的位置。
    • 在大菜单内容之间切换或移动整个大菜单。

  • 根据需要添加更多模板

自定义大菜单模板

要自定义模板，请在布局 -> 模板处找到CSS或JavaScript。点击"新建模板"并选择一个nav_mega_menu_***模板，以创建可以在此基础上构建的副本。