Grid Layout: 2 Module in einen Div

Hi,

bin neu mit Conato und Responsive Grid.

Hab für das Grundlayout einspaltig gewählt.

Ich möchte eine 2-spaltige Seite erstellen, links Menü, rechts Artikel. Im Kopf gibt es noch ein horizontales Menü.

Wenn man im horizontalen Menü auf einen Punkt (Schuhe) klickt, erscheinen die Unterpunkte des Menüpunktes in der linken Spalte (Stiefel, Schlappen, ...).

Jetzt möchte ich noch, dass in der linken Spalte über Stiefel, Schlappen der obere, aktive Menüpunkt steht, also Schuhe.

Bei einer anderen Seite habe ich mir das einfach gemacht, indem ich für die die linke Spalte (zweispaltiges Layout) zwei Nav_Module erstellt und mit den Leveln enstprechend ausgebremst habe. Beim oberen Menü habe ich dann nur den aktiven Menüpunkt, also "Schuhe" per CSS anzeigen lassen.

Woran es jetzt bei mir hängt: Wie kriege ich jetzt, beim Grid-Layout, die beiden Module in einen div = meine linke Spalte??

Hallo,

dafür brauchst du keine 2 Module. Schau mal bei http://www.citytunnelleipzig.de/de/t...stationen.html ... so möchtest du es haben, oder?

Dafür haben wir die Erweiterung backboneit_navigation genutzt. Da gibt es die Option "aktuelle Seite als Referenzseite" ... und damit funktioniert es super!


fg
nicky

... von meinem iPhone mit Tapatalk gesendet!

Genau das ist es, thanks.

Aber wenn ich doch mal zwei Module in ein div quetschen wollte, ginge das auch?

Mumpitz, aber ich komme mit der Extension nicht klar. Was muss ich denn einstellen, wenn ich

Socken
Schuhe
->Stiefel
->Schlappen
Kissen


als Seitenstruktur habe und will dann untereinander - bei Klick auf Schuhe UND bei Klick auf Stiefel -

Schuhe
Stiefel
Schlappen

ausgeben?


Einfach nur Aktuelle Seite als Referenzseite tut es nicht.

Und was mache ich, wenn ich keine Unterpunkte habe, dann wird das ganze Modul ja nicht angezeigt? Muss ich dann ein anderes Layout mit einem Artikel als linker Spalte anlegen, oder wie kriege ich das Modul dazu, leer angezeigt zu werden?

Das müsstest Du über CSS auch hinbekommen. Wenn ich Dich richtig verstanden habe :)

für dein Submenü

Code:

---

#submenu .level_1 > li { display:none; }
#submenu .level_1 li.active,
#submenu .level_1 li.trail { display:block; }

---

den Code noch entsprechend für die Sichtbarkeit der Kindelemente erweitern.

Dann werden alle Punkte der ersten Ebene ausgeblendet, aber der Aktive, den du ja über dein Hauptmenü ausgewählt/aufgerufen hast wird angezeigt.

was macht das > li ??

das blendet wie geschrieben alle "li" innerhalb von .level_1 aus, also nur die direkten Kindelemente von ul.level_1

was ist der unterschied zu

#submenu .level_1 li

Zitat:

---

#submenu .level_1 li

---

würde alle li-elemente auch in den tieferen ul ansprechen

Zitat:

---

#submenu .level_1 > li

---

nur die eigenen li Kindelemente

siehe auch Erklärung auf SelfHtml ;)

Ah, danke für die Erklärung, obwohl ich so faul nachfrage. Bin gerade schon gut bedient mit dem ContaoLernen :)

Ich hatte das auch schon mit css probiert, aber bin wohl genau an dem Punkt gescheitert, dass ich die versteckten Viecher dann nicht mehr sichtbar gekriegt habe.

Ja man lernt nie aus. Und das Gute dabei ist, es kommt immer wieder was Neues dazu :)