[dk_mmenu] erscheint nicht

[arthur_8200]

Hallo Leute,

ich erstelle jetzt zum ersten Mal eine Seite mit Contao bzw. überhaupt einem CMS.
Bin sehr begeistert über die Möglichkeiten damit, allerdings stehe ich jetzt leider gerade an.

Contao Version 3.2.7
dk_mmenu 1.4.1 stable

Ich wollte für die Darstellung auf Handys die Erweiterung Contao dk_mmenu einsetzen.
Dafür habe ich es aus den Erweiterungen installiert, ein eigenes Seitenlayout (Header mit Menu, Main, Footer) für mobile erstellt.
Ein Frontendmodul mit dem mmenu angelegt und eine Seite erstellt wo dieses Modul eingebunden wird.

Im Quelltext der mobilen Seite sieht man auch die Einträge des mmenu aber es erscheint nichts.

Vielleicht kann mir jemand einen Tipp sagen.

Die Seite ist erst im Entstehen - bitte nicht erschrecken - es gibt eine Desktop-Version mit normaler Navigation und eine mobile Version mit mmenu.

Man muss vom Handy die Seite aufrufen um die Version mit mmenu zu sehen:
http://c.grosstrappe.at

Hier ein paar Screenshots von den Einstellungen fürs mmenu: http://www.grosstrappe.at/mmenu.zip

[arthur_8200]

Ist denn meine vorgehensweise wenigstens richtig?

[KlausGrenoble]

Willkommen im contao-Forum und viel Spass mit dem CMS.
Lies`mal durch. Vielleicht findest Du da was.
https://contao.org/de/extension-list/view/dk_mmenu.html

[arthur_8200]

Willkommen im contao-Forum und viel Spass mit dem CMS.
Lies`mal durch. Vielleicht findest Du da was.
https://contao.org/de/extension-list/view/dk_mmenu.html

Hallo Klaus, danke für deine Antwort!

Die Seite der Erweiterung kannte ich bereits. Habe dabei leider nichts hilfreiches entdeckt.

MfG,
Arthur

[Dirch]

Nun du mußt das Menü auch in irgendeiner Art und Weise aufrufen. Also so etwas in der Art bei dir als HTML-Modul einbinden:

<a href="#CSS-ID"></a>

Wie du den Link gestaltest ist dir dabei selbst überlassen. Viele nehmen dafür dann eine kleine Grafik. Das Menü solltest du dann auch nur bei einem kleinen Viewport darstellen lassen und dann das aktuelle Menü ausblenden.

[planepix]

Hallo Arthur,

schau mal auf meiner Buchwebsite, da ist mmenu eingebaut (verkleinere das Browserfenster einmal kleiner 760 px) dann taucht das mmenu auf; das reguläre verschwindet. Du kannst dazu die CSS der Seite ansehen, darin sind alle Definitionen drin.

[arthur_8200]

Danke für eure Antworten!

Irgendwas mache ich da wohl falsch, aber ich komme nicht dahinter was...

• Frontend-Modul: mmenu ist angelegt
• Artikel Header Mobile der das Modul mmenu einbindet ist angelegt
• Frontend-Modul: Eigener HTML-Code mit insert-article:header-mobile ist angelegt
• Im mobilen Seitenlayout ist das Layout - Header Mobile als Kopfzeile definiert und jQuery aktiviert

@Dirch: danke, d.h. ich muss im Artikel nicht nur das mmenu-Modul einbinden sondern auch noch einen HTML-Code? Woher weiß ich die ID vom mmenu?

@planepix: danke für die schöne Referenz. Ganz schön heftig wie viel CSS du für dein mmenu entwickelt hast. Aber auch ohne CSS fürs mmenu anzulegen, müsste es in irgendeinerweise sichtbar sein?

[arthur_8200]

Also ich denke mittlerweile habe ich verstanden, wie man das mmenu einbaut. Funktioniert allerdings nach wie vor nicht - also muss ich wohl irgendwo einen Fehler haben.

Ich habe jetzt alle Elemente/Einstellungen übersichtlich in ein PDF gepackt:
http://grosstrappe.at/Grosstrappe-mmenu.pdf


Vielleicht kann mir jemand einen Tipp geben?


Vielen Dank!

MfG,
Arthur

[Dirch]

du solltest natürlich auch dem mmenu-Modul die CSS-ID geben, die bei dir "offcanvas" heißt.
Zitat aus der Anleitung: "Damit dies funktioniert muß jedem Navigationsmenü in den Experten-Einstellungen des Moduls eine CSS-ID zugewiesen werden!"

[arthur_8200]

du solltest natürlich auch dem mmenu-Modul die CSS-ID geben, die bei dir "offcanvas" heißt.
Zitat aus der Anleitung: "Damit dies funktioniert muß jedem Navigationsmenü in den Experten-Einstellungen des Moduls eine CSS-ID zugewiesen werden!"

Danke schön für deine Mühe, Dirch!

Ich habe dem mmenu-Modul des mobilen Header-Artikels die CSS-ID offcanvas zugewiesen.
Leider erscheint noch immer kein Menu :-(

MfG,
Arthur

[Dirch]

kannst du bitte mal das Modul direkt einbinden? Also nicht über den per insert-Tag hinzugefügten Artikel. Bei dir wird die ID irgendwie nicht ins JS geschrieben. Ich kann mir aber nicht erklären wieso das Auslesen dieser im B nicht klappt. Wahrscheinlich ist die Variable wo ich sie hernehme leer, obwohl die ID gesetzt wurde. Evtl. wird da was weggefiltert...

[arthur_8200]

kannst du bitte mal das Modul direkt einbinden?

Ja gerne! Also ich habe jetzt im mobilen Seitenlayout das "Nav - Mobile [mmenu - Navigationsmenu]" direkt als Kopfzeile eingestellt.

Da erscheint aber dann ebenfalls leider nichts.

Ich kann gerne auch jemand per PN die Zugangsdaten schicken.

[Dirch]

kannst du machen, aber vor dem WE komme ich wahrscheinlich nicht mehr dazu mich damit zu beschäftigen.

[folkfreund]

Hallo Arthur,

hab ich richtig verstanden, dass du das speziell nur für Mobile-Devices einbindest? Bist du wirklich sicher, dass das richtig erkannt wird?
Ich habe auf einer Seite das mmenu problemlos im Einsatz, es wird lediglich per mediaquery erst unter einer Mindestbreite des Fensters sichtbar. Dann kannst du es auch im normalen Browser testen.

Wenn du magst, dann kannst du auch mir den Zugang zu deinem BE schicken.

Gruß, folkfreund

[arthur_8200]

Hallo Arthur,

hab ich richtig verstanden, dass du das speziell nur für Mobile-Devices einbindest? Bist du wirklich sicher, dass das richtig erkannt wird?
Ich habe auf einer Seite das mmenu problemlos im Einsatz, es wird lediglich per mediaquery erst unter einer Mindestbreite des Fensters sichtbar. Dann kannst du es auch im normalen Browser testen.

Wenn du magst, dann kannst du auch mir den Zugang zu deinem BE schicken.

Gruß, folkfreund

Du wirst wahrscheinlich recht haben, jedoch bin ich leider noch nicht du weit, darüber Gedanken zu machen. Wollte erstmal das menu auf meiner Seite testen.

Ja gerne.

[arthur_8200]

Danke nochmal an alle. Folkfreund war so nett und hat es mir erfolgreich als Desktopversion eingerichtet. :-)

Details schaue ich mor morgen an.

[ltd-stern]

Hallo,
ich bin bei der Suche nach der Lösung für mein Problem auf diesen Thread gestoßen.
Ich habe dasselbe Problem wie es hier bereits geschildert wurde:

Contao-Version 3.2.12, dk_mmenu 1.5.1, mein Plan: Desktop-Version der Seite mit festem Menü, mobile Version der Seite mit aufklappendem Menü
- [dk_mmenu] Erweiterung installiert
- frontend-Modul vom Typ mmenu-Navigationsmenu erstellt, mit CSS-ID "testtest"
- frontend-Modul vom Typ eigener HTML-Code erstellt mit link <a href="#testtest">Menue</a>
- letzteres eingebunden im Layout für die mobile Seite, js query aktiviert (lokale Datei)

Rufe ich die Seite per Smartphone auf erscheint zwar der Link, es passiert aber nix, wenn ich draufklicke.
Binde ich das Modul (testweise) im Desktop-Layout ein, erscheint auch der Link. Beim drüberfahren wird angezeigt: www.domainname.de/#testtest, beim Draufklicken springt der Browser zur Startseite.

Hilfe, habe schon alle möglichen Einstellungen probiert (Link im Artikel einbinden, in verschiedenen Layoutbereichen, Konfiguration von mmenu-Navigationsmenu, individuelles Menu...) nix funktioniert. Auch hier wurde leider die "Lösung" nicht gepostet...
Vielleicht hilft mir jemand auf die Sprünge...

Gruß - Andrea

[folkfreund]

Hallo Andrea,

eigentlich sieht das gut aus, was du bisher gemacht hast. Warum das nicht funktioniert kann ich dir mit diesen Angaben noch icht sagen.

Ist die Seite online?
Dann zunächst ein dringender Tipp: mach unbedingt ein Update auf Contao 3.2.16! (s. 'Schwere Sicherheitslücke' oben hier im Forum)

Außerdem kannst du mir dann per PN die Zugangsdaten schicken, wenn du magst.
Wenn wir was finden, dann können wir das ja hier veröffentlichen.

Gruß, folkfreund

[ltd-stern]

Tausend Dank an Folkfreund!
Ich habe vergessen, das Modul mmenu - Navigationsmenu, neben dem Modul mit dem Link, auch ins Seitenlayout einzubinden.
Tja, so kriegt man auch nen halben Tag mit sinnloser Fehlersuche rum....
Vielleicht hilft der Beitrag ja irgendwem.
LG - Andrea

[ülker]

Hallo zusammen,

der Thread ist zwar schon älter aber vielleicht hilft dieser Hinweis noch verzweifelt Suchenden:

Ich hatte via css den Link zum Offcanvas-Menü gestylt und dabei völlig übersehen, dass der ja auch einen Inhalt braucht.
Nach langer Blindheit habe ich diesen dann via css eingefügt:

.offcanvas a:before {content: url("../xyz.png");}

Und das html-Modul mit dem Link ins Seitenlayout eingebunden:
<div class="offcanvas"><a href="#offcanvas"></a></div>

Tolles Modul jedenfalls - Vielen Dank dafür!

[Andreas]

<a href="#offcanvas"></a>

So ganz leere Links sind mir immer sehr suspect. Sollte zumindestens einen TITLE haben oder einen Text, den man dann mit CSS ja verstecken kann.

<a href="#offcanvas">Open menu</a>

[folkfreund]

Title ist eine sehr gute Idee! Der erscheint ja meistens als Tooltip und kann dann auch den Burger erklären, falls der dem Besucher nicht geläufig ist...