QUIQQER Menu

The Plugin menu provides various menu controls.

Package name:

quiqqer/menu

Features

• Mega Menu (mobile-fähig & Wechsel auf SlideOut)
  • besitzt verschiedene Anzeigearten
    • Mega Menu - mit Unterseiten
    • Mega Menu - Unterseiten mit Icons
    • Mega Menu - Unterseiten mit Icons, Bilder und Beschreibung
    • Mega Menu - Grosse Seitenbilder
    • Mega Menu - Grosse Seitenbilder
• Elastic Menu (mobile-fähig)
• SlideOut Menu (mobile-fähig)

Installation

Der Paketname ist: quiqqer/menu

Contribution

• Issue Tracker: https://dev.quiqqer.com/quiqqer/package-menu/issues
• Source Code: https://dev.quiqqer.com/quiqqer/package-menu

Support

Falls Sie Fehler gefunden, Wünsche oder Verbesserungsvorschläge haben, können Sie uns gern per Mail an support@pcsg.de darüber informieren.
Wir werden versuchen auf Ihre Wünsche einzugehen bzw. diese an die zuständigen Entwickler des Projektes weiterleiten.

License

MIT

Entwickler

MegaMenu Beispiel

<?php

$Menu = new \QUI\Menu\MegaMenu(array(
    'showStart' => true,
    'Project'   => $Site->getProject()
));

// logo hinzufügen
$Menu->appendHTML(
    '<a href="{url id=1}" class="page-header-menu-logo" title="Zur Startseite">
        <img src="' . $Engine->getTemplateVariable('URL_TPL_DIR') . 'bin/images/logo.png"/>
    </a>'
);

    <div class="page-header-menu">
        <div class="grid-container">
            {$Menu->create()}
        </div>
    </div>

Control Nutzung in Smarty

{control control="\QUI\Menu\Elastic"}
{control control="\QUI\Menu\SlideOut"}

Beispiel mit Einstellungen

{control
    control="\QUI\Menu\DropDownMenu"
    Site=$Start
    icons=1
    showHomeIcon=1
}

{control control="\QUI\Menu\SlideOut"
    data-menu-right=10
    data-menu-top=15
    data-show-button-on-desktop=0
    data-qui-options-menu-width=400
    data-qui-options-menu-button=0
    data-qui-options-touch=0
    data-qui-options-buttonids=mobileMenu
}

NavTabs and NavTabsVertical - auto open and scroll to element

Every nav tab content has an url conform ID (title, it comes from brick entries). You can use it to target and auto open this element. Simply place #open_ before your title in the url. The page will be scrolled to the element if it is not in viewport.

<a href="www.example.com/subpage#open_myTarget">Open "myTarget" element</a>