Contao-Camp 2024
Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 40 von 61

Thema: dk_mmenu Anleitung

  1. #1
    Contao-Nutzer
    Registriert seit
    28.09.2010.
    Ort
    St.Gallen / Schweiz
    Beiträge
    57

    Standard dk_mmenu Anleitung

    Hallo zusammen

    Ich möchte die Erweiterung dk_mmenu zum laufen bringen.
    Gibt es eine Anleitung auch auf Deutsch zum nach Bauen.
    Ich habe Contao 3.4.2 installiert.
    Ich möchte das das Script von oben kommt.

    Besten Dank im Vorraus

    mypixel

  2. #2
    Contao-Nutzer
    Registriert seit
    03.09.2010.
    Ort
    Goslar
    Beiträge
    195
    Partner-ID
    7212

    Standard

    Erstell dir einfach zwei Module.

    Modul 1 (Eigener HTML-Code):
    Code:
    <div class="offcanvas"><a href="#offcanvas">Navigation</a></div>
    Modul 2 (Modultyp: mmenu - Navigationsmenü) mit der ID offcanvas.

    Die ID kannst du je nach Gusto benennen, in meinem Fall nehme ich offcanvas.

    Nun einfach beide Module in dein Seitenlayout einbinden, that's it.
    jQuery muss als JS Framework eingebunden sein!


    Modulbeschreibung:
    Das Navigationsmenü ist standardmäßig versteckt. Mit Hilfe eines beliebigen Links wird der eigentliche Seiteninhalt je nach eingestellter Menü-Position verschoben. Damit dies funktioniert muß jedem Navigationsmenü in den Experten-Einstellungen des Moduls eine CSS-ID zugewiesen werden! Mit einer URL (<a href="#CSS-ID"></a>) auf diese wird das Menü bei Klick auf den Link eingeblendet.
    Geändert von Kim (26.01.2015 um 11:11 Uhr)

  3. #3
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.273

    Standard

    Die Anleitung steht doch in der Modulbeschreibung:

    Edit: da war jemand schneller

    mmenu ist ein jQuery-Plugin von Fred Heusschen, das ein platzsparendes Navigationsmenü erstellt. Es ist vor allem für mobile Webseiten/Layouts sinnvoll kann jedoch auch für große Layouts verwendet werden.
    Nach der Installation dieser Erweiterung stehen zwei zusätzliche Modultypen zur Verfügung, die von den beiden Core-Navigationstypen abgeleitet wurden und diese um die neue Funktionalität erweitern. Sie heißen mmenu - Navigationsmenü sowie mmenu - Individuelle Navigation. Darüber hinaus kann mit mmenu - Artikel ein beliebiger Artikel in ein mmenu ausgegeben werden.
    Das Navigationsmenü ist standardmäßig versteckt. Mit Hilfe eines beliebigen Links wird der eigentliche Seiteninhalt je nach eingestellter Menü-Position verschoben. Damit dies funktioniert muß jedem Navigationsmenü in den Experten-Einstellungen des Moduls eine CSS-ID zugewiesen werden! Mit einer URL ((...)href="#CSS-ID"(...)) auf diese wird das Menü bei Klick auf den Link eingeblendet.


    Tipps/Hinweise


    • Damit mmenu gestartet wird, muß im Seitenlayout jQuery zum Layout hinzugefügt werden.
    • Der Seiteninhalt sollte einen nicht transparenten Hintergrund (Farbe/Bild) erhalten.
    • Das Standard-Theme hat eine dunkle Ausgangsgestaltung. Bei den helleren Themes (mittelgrau, hellgrau und hell) wird eine zusätzliche CSS-Datei eingebunden, die eine hellere Ausgangsgestaltung beinhaltet. Je nachdem wie man sein Menü farblich gestalten möchte, sollte man dann ein helles oder dunkles Theme als Ausgang wählen.
    • Wird ein Artikel eingebunden, so werden für diesen keine CSS-Stile gesetzt. Dies ist so gewollt.


  4. #4
    Contao-Nutzer
    Registriert seit
    28.09.2010.
    Ort
    St.Gallen / Schweiz
    Beiträge
    57

    Standard mm menu

    Die Erweiterung habe ich installiert und ID vergeben!
    Die jquery Datei wo finde ich die oder muss ich die noch herunter laden?

    Mein Ziel ist es das die Navigation gleich funktioniert wie auf der Seite
    http://www.contao-fuer-webdesigner.de/
    wenn der Bildschrim kleiner wird!

    Danke im Vorraus und Gruss
    mypixel

  5. #5
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.273

    Standard

    Musst du gar nicht runterladen. Jquery ist bei Contao dabei und muss nur im Layout aktiviert werden.

  6. #6
    Contao-Nutzer
    Registriert seit
    12.10.2012.
    Beiträge
    26

    Standard

    Hallo Ihr Lieben,

    mein mmenu wird angezeigt, aber es passiert nix wenn ich auf den Link klicke.
    Kann mir jemand weiterhelfen.
    Ich habe das Modul erstellt auch den eigenen HTML mit dem ID und dann beides ins Seitenlayout eingebunden. Jquery ist auch aktiviert.

    Aber es macht nix!!!!
    also wenn ich drauf klicke müssten doch automatisch die angelegten Seiten ausgeworfen werden, oder?!

    Lg und danke vorab
    Moni

  7. #7
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.273

    Standard

    Das Modul braucht auch die ID, sonst passiert nix.

  8. #8
    Contao-Nutzer
    Registriert seit
    12.10.2012.
    Beiträge
    26

    Standard

    Hallo und danke für die rasche Antwort.

    Ich hab das mmenu modul eingerichtet und dort den ID vergeben. Weiters dann das eigene Html und dort wieder den ID eingesetzt und nun habe ich beides ins Seitenlayout eingebunden
    Muß ich vielleicht beim Modul noch etwas einstellen.

    braucht es die Referenzseite?

    Danke!

  9. #9
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Zitat Zitat von moni Beitrag anzeigen
    Weiters dann das eigene Html und dort wieder den ID eingesetzt
    Nur um sicher zu gehen: du meinst du hast so etwas geschrieben, oder?
    PHP-Code:
    <a href="#mmenu">...</a
    ("mmenu" ist die ID deines mmenu Navigationsmoduls)


    Hast du einen Link zur Seite?

  10. #10
    Contao-Nutzer
    Registriert seit
    12.10.2012.
    Beiträge
    26

  11. #11
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.273

    Standard

    Das Modul und der Trigger scheinen im Layout nicht eingebunden zu sein. Zumindest finde ich nichts im Quelltext.

  12. #12
    Contao-Nutzer
    Registriert seit
    12.10.2012.
    Beiträge
    26

    Standard

    anbei der Bildschirmabdruck.
    Angehängte Grafiken Angehängte Grafiken

  13. #13
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.273

    Standard

    Bei deinem Link hab ich das nicht
    Angehängte Grafiken Angehängte Grafiken
    Geändert von Kahmoon (17.03.2015 um 12:51 Uhr)

  14. #14
    Contao-Nutzer
    Registriert seit
    12.10.2012.
    Beiträge
    26

    Standard

    Kann es sein, das dk_mmenu ein Problem mit der ONe Page Seite hat?!
    ich hätte vorher nämlich die Quicknavigation verwendet doch auch diese hat nicht funktioniert.

  15. #15
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.273

    Standard

    Bei mir sieht das im Quelltext so aus.

    HTML-Code:
    <div id="nav_mobile_trigger"><a href="#mainmenu_mobile"></a></div>
    
    <nav id="mainmenu_mobile">
    Geändert von Kahmoon (17.03.2015 um 12:54 Uhr)

  16. #16
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Zitat Zitat von Kahmoon Beitrag anzeigen
    Das Modul und der Trigger scheinen im Layout nicht eingebunden zu sein. Zumindest finde ich nichts im Quelltext.
    Er verwendet ein eigenes mobiles Layout. Dort wird dann auch zumindest das JavaScript von dk_mmenu eingebunden und der #mobile_menu link.


    @moni: jedoch fehlt bei dir die Ausgabe des mmenu Navigationsmoduls. Stelle sicher dass du:
    • das mmenu Navigationsmodul im Seitenlayout eingebunden hast
    • das mmenu Navigationsmodul richtig konfiguriert hast - zB. dass du entweder gar keine Referenzseite eingestellt hast, oder die richtige Referenzseite

  17. #17
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.273

    Standard

    Ja, den JS Code vom mmenue habe ich auch gesehen. Aber das Modul fehlt.

  18. #18
    Contao-Nutzer
    Registriert seit
    12.10.2012.
    Beiträge
    26

    Standard

    Vielen Dank einstweilen.
    Ich muß schauen ob ich irgendwo eine genaue Anleitung finde.
    Ich denke das Ding hat probleme mit der Onepage Website

  19. #19
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Zitat Zitat von moni Beitrag anzeigen
    Vielen Dank einstweilen.
    Ich muß schauen ob ich irgendwo eine genaue Anleitung finde.
    Ich denke das Ding hat probleme mit der Onepage Website
    Was ist eigentlich das Ziel? Soll das dk_mmenu die OPW Navigation darstellen? Das ist wahrscheinlich nicht von Haus aus möglich.

    Vermutlich wird deswegen nichts vom mmenu Navigationsmodul ausgegeben, weil du eben keine Referenzseite gesetzt hast und du wegen der OPW Seitenstruktur eigentlich gar keine nicht im Menü versteckten Seiten hast.

  20. #20
    Contao-Nutzer
    Registriert seit
    12.10.2012.
    Beiträge
    26

    Standard

    Ich habe ein Mobiles Seitenlayout erstellt und dort die Navi und den Navi Aufruf eingebunden.

    Er kann auch bei der Quicknavigation nix auslesen.

    Ich glaub ich wein gleich

    Referenzseite hab ich jetzt ausgeklickt.
    Angehängte Grafiken Angehängte Grafiken

  21. #21
    Contao-Nutzer
    Registriert seit
    12.10.2012.
    Beiträge
    26

    Standard

    Ich bin auch offen für eine andere Navi. Also ich freu mich über Vorschläge.

    Ich wills jetzt einfach nur zum Laufen bringen.

  22. #22
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Du hast meine eigentliche Frage nicht beantwortet

    Zeig uns mal Screenshots deiner Seitenstruktur und deiner mmenu Modulkonfiguration.

    Wenn du meine Frage mit "ja, ich will über mmenu die OPW Navigation darstellen" antwortest, dann reicht es evt. wenn du zusätzlich im Layout auch noch das OPW Modul einbindest und statt dessen diesem Modul die ID "mobile_menu" gibst. Dann solltest du aber sicherstellen, dass das eigentlich mmenu Navigationsmodul keine HTML Ausgabe macht.

  23. #23
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    Hey Moni,

    mit OnePagern kommt das mmenu nicht so gut klar - es sei denn man nimmt dessen eingebaute Funktion dafür. Die muß man dann allerdings von hand im Template hinzufügen.

    mmenu muß sich prinzipbedingt um das ganze HTML im Body legen, damit es dies komplett verschieben kann.

  24. #24
    Contao-Nutzer
    Registriert seit
    12.10.2012.
    Beiträge
    26

    Standard

    Hallo zusammen,

    Nein, es muß absolut nicht one Page sein. Es kann eine ganz normale Navi sein.
    Vielleicht wird das Menü irritiert weil ja in der Startseite das OnePage Modul liegt.

    Wie gesagt, ich bin für alles offen.

  25. #25
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

  26. #26
    Contao-Nutzer
    Registriert seit
    12.10.2012.
    Beiträge
    26

    Standard

    anbei noch die Screenshots
    Angehängte Grafiken Angehängte Grafiken
    Geändert von moni (17.03.2015 um 17:16 Uhr)

  27. #27
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Zitat Zitat von moni Beitrag anzeigen
    Nein, es muß absolut nicht one Page sein.
    Muss es schon, da du deine Website ja so aufgebaut hast.


    Zitat Zitat von moni Beitrag anzeigen
    anbei noch die Screenshots
    Ok, es ist so wie ich vermutet habe. Nun kannst du meinen Vorschlag aus Post #22 versuchen.

  28. #28
    Contao-Nutzer
    Registriert seit
    12.10.2012.
    Beiträge
    26

    Standard

    Das mit dem Html bei MMenu kapier ich noch nicht ganz. Wie kann ich das beeinflussen?!

    Vielen vielen Dank für die Hilfe.

  29. #29
    Contao-Nutzer
    Registriert seit
    12.10.2012.
    Beiträge
    26

    Standard

    Ich hab das jetzt gemacht. Es tut zwar etwas, aber noch nicht das was es soll.
    http://www.si-sta.at/winkler01/
    in der Mobile Variante

    DAAAAANNNKKKEEE

  30. #30
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Zitat Zitat von moni Beitrag anzeigen
    Das mit dem Html bei MMenu kapier ich noch nicht ganz. Wie kann ich das beeinflussen?!
    Dein mmenu Navigationsmodul gibt deshalb nichts aus, weil alle Deine Seiten die Eigenschaft "Im Menü verstecken" aktiviert haben. Das hast du deshalb gemacht, weil du ja die typische One Page Website Struktur verwendest. Dein Ziel ist, dass das mmenu mit deiner One-Page-Website Navigation aufgebaut wird. Dazu musst du thereotisch einfach zusätzlich ein zweites OPW Navigationsmodul erzeugen und diesem die ID "mobile_menu" geben und zusätzlich zum mmenu Navigationsmodul in das Seitenlayout einfügen. Ob das tatsächlich so einfach funktionieren wird kann ich dir nicht sagen, ohne es selbst getestet zu haben.

  31. #31
    Contao-Nutzer
    Registriert seit
    12.10.2012.
    Beiträge
    26

    Standard

    wau es funktioniert so halbwegs. jetzt muß ich es nur noch schaffen, dass es wenn man auf Navigation klickt, erst die Schaltflächen auftauchen und nicht statisch sofort da sind.

    Mein Gott bin ich dir dankbar... Wirklich... vielen Dank.

  32. #32
    Contao-Nutzer
    Registriert seit
    12.10.2012.
    Beiträge
    26

    Standard

    Ich habs!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

    100000000000ß00000 Dank!
    O Gott bin ich erleichtert.

    Vielen vielen Dank!
    Es funktioniert tatsächlich.

    Thanks a lot.

  33. #33
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.897
    Partner-ID
    10107

    Standard

    Freut mich dass es funktioniert . Diese OPW und mmenu Kombination könnte man mal als Anleitung irgendwo posten.

  34. #34
    Contao-Nutzer
    Registriert seit
    12.10.2012.
    Beiträge
    26

    Standard

    ja das mach ich!
    Eine Frage noch. ich kann nie neue Beiträge anlegen. Immer nur antworten aber ich kann keine "eigenen" Themen anstoßen.
    Hast du hier noch einen Tipp.

  35. #35
    Contao-Fan
    Registriert seit
    08.11.2011.
    Ort
    Frankfurt am Main
    Beiträge
    768
    User beschenken
    Wunschliste

    Standard

    Danke Spooky.

  36. #36
    Contao-Nutzer
    Registriert seit
    03.08.2015.
    Beiträge
    45

    Standard

    Hallo Leute,

    ich klinke mich mal hier ein, will das offcanvas mobile menu einbauen- doch es will nicht klappen.

    Ich bin so vorgegangen;

    1. Zunächst die Erweiterung installieren, danach ein Modul anlegen und darin die Optionen auswählen- welche Optionen sind das die ausgewählt werden müssen?

    2. Dem Modul eine ID mit z.B. dem Namen „offcanvas“ geben.
    3. Dann noch ein Modul vom Typ „eigener html-Code“ erzeugen und darin einen Link auf das Modul einfügen

    <div class="offcanvas"><a href="#offcanvas">offcanvas</a></div>
    4. Modul und Linktext-Modul an beliebiger Stelle in der Seitenvorage bei den einzufügenden Modulen hinzufügen.

    Nun es will nicht funktionieren, ich hätte gerne einen anderen Namen als offcanvas- damit kann kein User was anfangen wie geht das?

    Also momentanes Ergebnis ist; Text offcanvas wird unter meiner Navigation (ist unter dem header) angezeigt- ich habe also ein doppeltes Menü.

    Das offcanvas soll nur erschienen wenn jemand meine webweite mit einem mobilen Endgerät aufruft, dabei darf dann nur offcanvas sichtbar sein, nicht noch die Hauptnavigation.

    Ist zum schreien- wie kriege ich das nur hin?

    Hat jemand einen Tipp?


    gruß
    mapa69

  37. #37
    Contao-Urgestein Avatar von folkfreund
    Registriert seit
    09.04.2010.
    Beiträge
    1.928

    Standard

    Ruhig bleiben!

    Es sieht so aus, als wenn dir auch bei HTML noch ein paar Kenntnisse fehlen ...

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

    CSS-Klasse zum stylen deines Links
    Anker-name, der beim Klick angesprungen wird
    Text, den der Anwender als Link sieht

    Das äußere div kannst du mit Media-Queries stylen, also auch per display:none ausblenden.

  38. #38
    Alter Contao-Hase Avatar von kischd
    Registriert seit
    25.06.2009.
    Ort
    Karlsruhe
    Beiträge
    1.106

    Standard

    Ich habe eine Website von c3.5 auf die aktuelle C4.8 gebracht.
    Das einzigste was nun nicht mehr geht ist das Mobile Menu.

    Über den Contao-Manager hab ich die Erweiterung mmenu - Mobile Navigation für Contao installiert. Das ist denke ja die richtige.

    jQuery ist im Seitenlayout aktiviert. Leider find ich im Quellcode das Script nicht. An was könnte das liegen?
    Gruß Mark

  39. #39
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.273

    Standard

    js_mmenu ist im Layout aktiviert?

  40. #40
    Alter Contao-Hase Avatar von kischd
    Registriert seit
    25.06.2009.
    Ort
    Karlsruhe
    Beiträge
    1.106

    Standard

    jupp = Link
    Gruß Mark

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •