Astroid - weiteres Menü im Header-Bereich

    Hallo - ich schon wieder,


    Es geht an die nächste Website, die auf J4 migriert werden soll. Da ist ein JSN-Theme aktiv.

    Soweit kein Problem, dank Astroid-Framework.

    Ich habe mal auf meinem Testgelände versucht das Layout nachzubilden, was aber letztlich in Menükaskaden geendet hat.

    Es geht um die Website unseres Pferdes. Hier ist eine Stall-Webcam (Seite mit Bildern der letzten Stunde) mit involviert, die bei den anderen Einstellerinnen sehr beliebt ist und schnell von der Startseite aus, auch auf Mobilgeräten aufrufbar sein soll.


    Bisher sieht das für angemeldete User so aus:



    Das Hauptmenü ist unten und sollte künftig auch "sticky" mitlaufen.

    Die beiden Menüpunkte oben rechts sollten auf der Startseite immer so erscheinen


    Ich hab in Astroid schon soi ziemlich jede Anordnung versucht, das klappt aber irgendwie nicht. Meistens bekomme ich mehrfach erscheinende Menüs und einen großen Wirrwarr.

    Mein Ansatz war die Ansicht "Übereinander angeordnet" und "Divided Logo left".

    Dazu hab ich im Layout dann noch eine zusätzliche Modulposition geschaffen die unterhalb des Astroid-Header ist.

    Bei Block 1 hab ich dann Astroid-header und in Block2 dann die neue Modulposition gewählt.


    Als Menüs hab ich das Mainmenu und eines mit namen Topmenu


    Wo liegt mein Denkfehler?

    Muss ich ggf. 2 Modulpositionen schaffen und die obere dem Topmenu im Modulmanager zuordnen?

    Mir ist nicht ganz klar inwieweit der Modulmanager und die Template-Einstellungen zusammenarbeiten.


    Vielleicht könnt ihr Licht ins Dunkel bringen. Die Youtube-Tutorials dazu hab ich schon durch und brachten keine wirkliche Erleuchtung.


    Gruß

    Onki

    Hallo,


    Testseite ist onki.net. Sieht vom Inhalt her anders aus, es geht ja aber um das generelle Vorgehen.

    Hab auch schon einen kleinen Teilerfolg.

    Modul Position ist Astroid-header wie gewohnt Hab die Ansicht "übereinander anordnen" verwendet und "gestapelt geteilt".

    Als Block 1 hab ich eine Modulposition "topmenu" erstellt wo auch das topmenu genannte Menü auftaucht. Block 2 ist leer.

    Seitenmenü ist "Main Menu". So passt zumindest die Aufteilung.

    Einziges Problem ist das topmenu. Das wird nur als Textmenü (in einer Zeile) gezeigt und nicht in der Art wie das Mainmenu wo Titel und Untertitel in zwei Zeilen aufgeführt sind .


    Wo liegt hier der Hund begraben. Hilft hier Custom-CSS?

    Ich hab am Wochenende nochmal verschiedenste Parametervarianten durchgespielt und die Ergebnisse überprüft.

    Egal was ich mache, an der Darstellung ändert sich maximal die Anzeige der Menü nebeneinander bzw. untereinander (Horizontal view).

    Mich beschleicht der Verdacht, dass hier irgendein Bug schlummert, der verhindert, dass das Menü korrekt angezeigt wird.


    Gibt es eigentlich eine CSS-Möglichkeit die Darstellung der Menüs leicht zu beeinflussen?

    Ich persönlich empfinde die Darstellung der Menüs im alten Template (Beitrag #1) schicker, weil das Icon einzeln steht und beide Menü-Textzeilen bündig daneben.


    Gruß

    Onki

    onki: Sorry aber ich verstehe es immer noch nicht und habe keinen wirklichen Durchblick was nun wo angezeigt werden soll.

    Erklär doch mal welches Menü nun auf welcher Modulposition sitzt und vor allen Dingen deine Einstellungen in den templateoptionen.

    Es wäre nicht das erste Mal, dass eine falsche Konfiguration als Bug empfunden wird.

    Hast du denn das Menü als Astroid-Megamenü konfiguriert?


    Versuch es bitte etwas transparenter darzustellen, dann kann ich bestimmt auch helfen.

    Hallo Dirk,


    Der Wunschausbau ist ja in Beitrag 1 gezeigt anhand des Bild der aktuellen Website.

    Dort sind die beiden wichtigen Features als Menü oben rechts gezeigt.


    Das versuche ich nun auf onki.net , meinem Testgelände nachzuahmen mit dem Astroid Framework-Template.

    Das sieht beim Framework so aus:


    Die Modulposition "topmenu" hab ich über ein Menümodul erstellt und auch ein Menü mit den beiden Einträgen mitsamt Untertitel und Icon dazu angelegt.

    Wie man auf der Testsite sehen kann wird das Menü angezeigt, nur der Zeilenumbruch zwischen Menütitel und Untertitel fehlt. sodass alles in einer Zeile gezeigt wird.

    Megamenu ist für die Einträge nicht aktiviert, das bringt aber auch keinen Unterschied, weil Megamenu hier komplett nicht funzt.

    Über en Layout-Parameter (AstroidMenu; HorizontaView) im Menü-Modul kann ich noch die Darstellung neben oder untereinender regeln, an dem fehlenden Zeilenumbruch ändert das aber nichts.

    Ansonsten hab ich keine Stellschraube gefunden, an der ich noch drehen kann.


    Gruß

    Onki

    Nee - darum geht es nicht. Das Sticky funktioniert prima, nur stimmen einige Einträge eben nicht mir dem später gewünschten überein.


    Die Idee ist, das Menü oben rechts (mit den beiden Einträgen) als zweizeiliges Menü zur Verfügung zu haben.

    In einem Mobil-Layout könnte ich mir die beiden Menüpunkte unter dem Logo vorstellen, das ist aber eine andere Geschichte.


    Aktuell geht es nur darum wo der Fehler liegt, das dem Menü oben rechts der Zeilenumbruch fehlt.


    Gruß

    Onki

    Was meinst du mit vernünftigem Menü?


    Es gibt nur ein Main-Menü (Hauptmenü) und das ist bei allen Webseiten so. EIN Hauptmenü und dann weitere Menüs auf Modulposition sind ja jederzeit möglich. Jedoch muss man sich auch an bestimmte Regeln halten und nicht alles erzwingen wollen. So ist es halt in deinem Eingangs beschriebenen Fall wo du unbendingt ein Menü auf dieser Modulposition vertikal anzeigen willst.


    Auch das könnte man mit Overrides und CSS irgenwie hinbekommen.

    Jedoch warum? Das Ergebnis so wie ich es beschrieben habe wäre doch gleich?

    Eigenes Modul statt Menü auf Modulposition und Links händisch eintragen.


    Im Template kannst du ein Hauptmenü (main) auswählen. Ein weiteres Menü im Sticky und noch ein Menü bei Off Canvas.

    Also drei verschiedene Menüs schon mal mit den Template-Optionen.


    Soviele wie du möchtest noch zusätzlich auf Modulpositionen.


    Es gibt auch die Möglichkeit im Header Block 1 und 2 von Blank auf eine Modulposition zu wechseln.

    Habe ich aber noch nie ausprobiert, da nicht notwendig. Eventuell noch eine Option aber musst du halt mal testen:


    Hallo Dirk,


    lass mich kurz etwas ausholen, wozu das dienen soll.

    Die im Menü angesprochene "Webcam" sind 2 Kameras, die mehrmals die Stunde Aufnahmen vom Stallgeschehen machen.

    Diese Bilder werden auf einer Seite (jeweils 4 Bilder) dargestellt.

    Die Stallmädels sind total begeistert von der Möglichkeit ihren Zossen von überall aus über das Handy etc. sehen zu können.

    Wehe wenn da mal keine Bilder kommen - das ist schlimmer als wäre Facebook down :-).

    Daher möchte ich den Einstieg so einfach wie möglich machen. Das "Bilderbuch" ist optional und nicht annähernd so wichtig.


    Im akutellen JSN Epic Template wird das Menü, das oben rechts gezeigt wird (mit Webcam und Bilderbuch) in der Mobilansicht unterhalb des Logo angezeigt und ist somit ohne weitere Klimmzüge auf allen Endgeräten zugänglich (sofern man angemeldet ist denn die Bilder sind nicht öffentlich).

    Daher möchte ich auch unter J4 dieser Möglichkeit schaffen.

    Das Problem beim Mainmenu ist, dass es umfangreicher ist und in der Mobilansicht über den Hamburger zugänglich ist, was nicht unbedingt praktisch ist.

    Aus diesem Grund dachte ich ein zusätzliches Menü (topmenu) könnte hier Abhilfe schaffen.

    Dein Vorschlag geht in Richtung Modulposition mit selfmade-Button, um auf die Webcam zu gelangen. Das kann ich mal antesten.

    Die könnte ich dann auch bei PC- und Mobilansicht konfigurieren.


    Gruß

    Onki