Dynamisches Mega-Menü

Hier gibt es ein Mega Menu mit ausführlichen Tutorials, achte darauf nach der Installation zu gucken ob weitere Module / Libraries erforderlich sind, damit es läuft.

https://drupal.org/project/tb_megamenu

Grüße Jenna

Hallo Jenna,

vielen Dank für die schnelle Antwort.

Das TB-Mega-Menü habe ich schon testweise installirt und getestet. In Verbindung mit dem Modul Menu-Block konnte ich erreichen, dass die dritte Spalte den Menülevel 3 der bezogenen Stadt anzeigt.
Aber das funktioniert nur mit Mausklick, also leider nicht bei Roll-Over mit der Maus. Oder habe ich da ein Zusatzmodul übersehen, das diese Funktionalität aktiviert???

Abgesehen davon funktioniert das TB-Mega-Menu bei mir nicht richtig. Im Editor kann ich mit die Zeilen- und Spalteninhalte toll zurechtrücken, aber wenn ich das ganze dann speicher, dann ist auf der Website im Menü fast immer alles durcheinander. Vielleicht liegt das an CSS-Formatierungen, die ich noch zusätzlich machen müsste. Ich habe mich damit nicht weiter beschäftigt, weil die (vermeintlich?) fehlende Rollover-Funktionalität ein Ausschluß-Kriterium für dieses Modul war.

Gruß
Rainer

Das wirst du mit keinem Mega-Menu der Welt umsetzen können. Du kannst ein Modul sicherlich als Ausgangsbasis nehmen, für den Rest wird du Custom Theming/jQuery benötigen.
Eventuell solltest du dein Vorhaben etwas umstrukturieren bzw. stark reduzieren. Das ist ja keine wirkliche Navigation mehr, eher mehre Miniwebsites in Menus eingebettet.

Falls du es trotzdem umsetzen willst, würde ich den Weg über Views gehen und daraus die Navigation erzeugen und an bestimmten Stellen weitere Views Blöcke injizieren (Slideshows, Videos, RSS/Feeds etc).
Wenn du erst Neuling bist in Drupal, wirst du vermutlich einige Monate brauchen um dieses Vorhaben umzusetzen.

Hallo Webtransformer,

danke für deine Antwort.
Das ist ja schade. Aber dann weiß ich wenigstens Bescheid.
Ja, Du hast recht, so, wie ich mir das vorstellte, ist es eher eine Miniwebsite. Ich hatte da sehr hohe Ansprüche. Aber das Menü wäre genial übersichtlich gewesen und ich hätte zusammen mit den anderen Menüpunkten im Hauptmenü, die ich ähnlich aufbauen wollte, sehr viele Informationen in vielleicht nur einem einzigen Menü meiner Website unterbringen können.

Über Views hatte ich auch schon nachgedacht. Aber wie bekomme ich beim Rollover den Stadtnamen in eine Variable, mit der ich dann den View füttere und ohne Mausklick aktiviere? Das Problem konnte ich nicht lösen.

Gruß
Rainer

Ich hatte das mit dem Mouseover überlesen, kannst ja hier nochmal gucken:

ungetestet, aber die Möglichkeit Views ins Menu zu bringen:
https://drupal.org/project/menu_views

auch ungetestet:
https://drupal.org/project/ultimenu

zum Kauf mit Demolink:
http://megadrupal.com/project/md-megamenu

Abgesehen von dem komplexen Menu würde ich einbeziehen das die Mehrheit bald Mobil /Responsive unterwegs ist.
Eine Menuführung bei der ständig per Mouseover Infos ein und ausfahren kann auch unglaublich nerven.
Die Ladezeit für so ein Menu ist sicher auch um einiges höher bei Bild-Hover und Video Effekten, vielleicht fällt dir eine gesamte schickere und schnellere Struktur für deine Seite ein, gerade im Hinblick auf mobile User.
Rufe dir mit Smartphone / I-Phone / Tablet einfach mal eine Seite mit einem Mega Menu auf, ob es dir dann auch noch so gut gefällt.

Grüße Jenna

Hallo Jenna,

danke für die Tipps. Zur Zeit habe ich das OM Maximenu installiert und teste es.
Laut dieser Demoseite: http://www.cgcginc.com/
scheint dieses Rollover dort zu funktionieren. Ich hab's bisher aber nicht hinbekommen. Leider gibt es wohl auch keine ausführliche Anleitung oder ich habe sie nicht gefunden.

Das mit dem Responsive Webdesign ist schon richtig. Besonder auch deshalb, weil ich eine Tourismus-Website (10 Jahre alt) aktualisieren möchte. Sie ist in der jetzigen Form 'nur' ein Reiseführer mit Veranstaltungskalender, Hotelzimmerreservierung und einem kleinen Shop. Sie soll nun interaktiv werden und jeder soll Bilder hochladen können, Beiträge schreiben können usw..

Eine Unterstützung mobiler Geräte mit Navigation, Google Maps etc. wäre natürlich toll. Meine Besucher würden es bestimmt bevorzugen, direkt mit dem Smartphone zum Ziel geführt zu werden und unterwegs Fotos direkt auch ihren Blog auf meiner Website zu übertragen. Und es gibt noch viele andere Services, die man anbieten könnte.

Dies wollte ich in einem zweiten Schritt machen. Mir schwebte da für die Zukunft so etwas vor, dass Drupal die Smartphone Nutzung automatisch erkennt (ob das geht, weiß ich nicht) und dann den mobilen Nutzern spezielle Seiten für Smartphones anbietet. Oder - besser - ich erstellt dierekt eine App. Davon habe ich aber keine Ahnung. Es gibt also noch viel zu lernen für mich. Ich weiß nicht, ob ich das alles schaffen werde.

Ich stecke im Moment ja schon bei der Menüwahl fest. Und dies wird sicher nicht das letzte Problem gewesen sein.

Viele Grüße aus Bonn
Rainer

.

Du kannst beide Varianten für mobil umsetzen mit Drupal (eine App brauchst du dafür nicht).

Responsive bedeutet du hast ein Template welches sich automatisch an alle Auflösungen anpasst, google einfach danach und lese dich etwas ein.

Die 2. Variante ist ein Switcher (gibt es auch als Drupal Modul), das bedeutet das du ein 2. Template nur für mobile erstellst (ohne Mega Menus logischerweise...) und ab Breakpoint X wechselt das Template für mobile User.

Für das OM Maximenu gibt es auf der Modulseite diese Info: For OM Maximenu advanced editing, install OM Tools 2, hast du die auch installiert und getestet?

Und ein Tutorial was in deine Richtung geht: https://drupal.org/node/1810052

Deine anderen Wünsche sind problemlos mit Drupal umsetzbar, soweit du bereit bist dich richtig Einzuarbeiten und viel Zeit zu investieren...

Grüße Jenna

Hallo,

Achtung, Mouseover und Mobile passen nicht zusammen!
Weil es auf einem Touchscreen kein Mouseover gibt.
Sollte z.B: Deine Anwendung nicht ohne Mouseover navigierbar sein,
ist Sie auch nicht geeignet um Sie mit Mobilen Geräten bedienen zu können.
Für das Responsive bzw Mobile Layout würde ich Dir ein Framework wie jQueryMobile
oder Bootstrap empfehlen.

MfG

Robert

@Jenna
ich werde dann wohl die von Dir genannte 2. Variante wählen, denn dann kann ich die geplante mobile Nutzung erst einmal verschieben, bis die PC-Version meiner Website fertig ist.
Ich habe eine Woche gebraucht, um mich in Templates einzuarbeiten und habe nun gerade stolz mein erstes Template für meine Website selber erstellt. Das würde ich nun gerne behalten, auch wenn es auf einem Grid basiert und nicht responive ist. Später erstelle ich dann ein neues Template nur für die mobile Nutzung
Danke für das Turorial. Ich hatte es auch schon gefunden, aber es ist doch recht oberflächlich und erklärt nicht, wie man diesen Hover-Effekt einrichtet. Da werde ich mich heute Abend nochmal mit beschäftigen.
Dass da viel Arbeit vor mir liegt, ist mir klar, aber es macht ja auch großen Spaß, an so einer Website zu basteln. An der ersten Version der Website habe ich 3 Jahre lang gearbeitet. Ich musste mich damals in PHP, Flash, Actionscript, MySQL, HTML, Photoshop, Dreamweaver und mehr einarbeiten. Alles habe ich damals 'von Hand' selber programmiert. Über 5000 Fotos habe ich damals extra für die Website gemacht. Ich denke, diesmal sollte es doch deutlich schneller gehen, bis die aktualisierte Seite fertig ist. Drupal nimmt einem da ja doch viel Arbeit ab. Leider auch viel Flexibilität.

Gruß
Rainer

@Robert,
ja, danke. Die Mobile Website sollte natürlich kein Mouseover haben. Am besten wäre eine Sprachsteuerung.jQuery soll ja auf allen Plattformen laufen, wie man hört. So etwas werde ich für die Mobile Version verwenden, denke ich.
Aber in diesem Sommer wird das wohl nicht fertig werden. Vielleicht zur nächsten Saison im nächsten Jahr. Mal sehen...

Gruß
Rainer

Du brauchst kein Extratemplate zu machen für mobile Geräte. Es reicht wenn es responsiv wird. Fast alle Grid-Systeme haben auch eine responsive Version.
Unabhängig davon ist es nicht immer so einfach ein "mobiles" Gerät zu erkennen. Wenn du ein Extratemplates machst, kommen ganz andere Probleme auf dich zu.
Responsiv ist einfach die Zukunft, ein zusätzliches Template bedeutet nicht nur mehr Arbeit sondern auch Ärger auf Dauer.

Okay... das ist aber trotzdem noch Zukunftsmusik bzw. sehr, sehr experimentell

Mein Grid besteht aus festen Angaben, z.B. width= 480px. Vermutlich müsste ich diese in Prozentangaben ändern, damit das Template responsive sein kann. Wenn ich nur eins für beide Versionen brauche, dann wäre das natürlich super.
Ob ich da einfach das Grid in ein neues resposives austausche und mein Telmplate darauf beziehe? Das wäre ja einfach.

Das mit der Sprachsteuerung wrid sicher noch ein paar Jahre brauchen. Aber so weit bin ich auch noch lange nicht, dass ich über so etwas groß nachdenke.

Das wäre zur Zeit der optimale Weg.