[gelöst] Linkadresse eines Artikelteasers

[Ulrich]

Klar, aber für die CSS-Steuerung des aktiven Menu-Buttons bedeutet das, dass der Button, der auf den Link zeigt, permanent die Klasse "active" besitzt, also nicht nur dann, wenn ich tatsächlich die Seite aufgerufen habe.

Mal sehen, ich meine mich zu erinnern, dass es eine Erweiterung gibt, mit der man Artikel in ein Navigationsmenu aufnehmen kann, vielleicht finde ich da eine Lösung ...

[ph!L]

Nenn sie nicht active, dann geht es ;-)

Habe es bei einem Projekt auch schon so gemacht.

Aber ich denke, in deinem fall ist die Erweiterung xNavigation

[Ulrich]

Nenn sie nicht active, dann geht es ;-) ...

Sorry, aber das verstehe ich nicht. Egal, wie ich die Klasse des externen Links zur CSS-Steuerung nenne, wenn dieser in der Seitenstruktur steht und damit als Button in der Navigation steht, dann hat er diese Klasse permanent, nicht erst beim Aufruf des Links. Eine solche Klasse lässt sich dann eben nicht für den besagten Zweck verwenden ...oder ich steh' momentan schwer auf der Leitung ...

[ph!L]

Der Trick ist, dass diese CSS Klasse dem Body Tag UND dem Listenpunkt in der Navigation vergeben wird. Das heißt du sprichst das Element nicht einfach nur per

.mod_navigation ul li.meineklasse

an sondern per

body.meineklasse .mod_navigation ul li.meineklasse

Das heißt, du kannst dieses Element genau dann ansprechen, wenn es aktiv ist (nämlich wenn das body Element class="meineklasse" hat)

[Ulrich]

Vielleicht "reden" wir aneinander vorbei ...

Hier die Definition von "meine_klasse" zur CSS-Steuerung des "externen" Links (der auf den Artikel "ATLAS-Experiment" verweist):



In der Navigation der Linken Spalte im Frontend ist in der obersten Ebene der Button "Forschung" aktiv. In der nächsten unteren Ebene (unter "Forschung") stehen zwei Buttons, die auf externe Links verweisen, auf einen "echten" (der erste) und auf den Artikel-Link "ATLAS Experiment". Wie leicht zu erkennen ist, würde das Menü jetzt zwei aktive Buttons zeigen, wenn ich "meine_klasse" als "aktiver Link" interpretieren würde - obwohl ich mich noch auf der oberen Ebene befinde, nämlich aktiv auf der Seite "Forschung":

[ph!L]

Kannst du mir mal bitte einen Link zur Seite per PM schicken? Das interessiert mich jetzt mal.

Ich hatte es bis jetzt nur mit internen Weiterleitungen so gelöst, aber auf der Seite von der der Screenshot stammt müsste im Optimalfall auch das body tag die Klasse "meine_klasse" haben.

[MacKP]

Hallo Ulrich,
was du jetzt noch brauchst um das nur bei der aktiven Seite zu Formatieren ist eine Klasse für die SEite wo das hin leitet.
Die ist dann im Body und du kannst es so machen:

body.seitewohingeleitetwird li.linkderaktivseinsoll a

Viele Grüße

[ph!L]

Genau darauf wollte ich hinaus ;-)

[Ulrich]

Hallo Ulrich,
was du jetzt noch brauchst um das nur bei der aktiven Seite zu Formatieren ist eine Klasse für die SEite wo das hin leitet.
Die ist dann im Body und du kannst es so machen:

body.seitewohingeleitetwird li.linkderaktivseinsoll a

Viele Grüße

Aha, ich denke, der Groschen fällt jetzt langsam ...

Sorry, ph!L, ja das war es offenbar, worauf Du hinaus wolltest; ich habe immerhin eine Nacht guten Schlafes hinter mir, nach einer heissen Salsa-TanzSession - so langsam kommen jetzt die kleinen grauen Zellen wieder in Bewegung ...

Vielen Dank!

[ph!L]

Die Lösung liegt bei vielen solcher Probleme darin, dass man individuelle Body Klassen vergibt um die einzelnen, sich sonst wiederholenden Elemente anzusprechen :-)

[Ulrich]

Jedenfalls stimmt das "[gelöst]" im Betreff des ersten Beitrags des Themas jetzt wieder ...

[Ulrich]

Hallo ph!L, hallo MacKP,

das Ziel des "externen" Links ist ein Artikel, keine Seite, deshalb muss ich ja diesen Link überhaupt erst in die Seitenstruktur einstellen, damit der Artikel - quasi als "Seite" - in der Navigation eingetragen wird.

Einem Artikel kann ich aber kein Seitenlayout zuweisen, über das die Definition einer CSS-Klasse für den Body-Tag möglich wäre. Die CSS-Klasse im Artikel selbst, die nicht im Body-Tag verwendet wird, besitzt dann folgerichtig nur der Artikel, nicht aber die Seite.

Der Artikel steht in der Hauptspalte ("div#main"), die Navigation in der linken Spalte ("div#left"), beide Elemente stehen also parallel zueinander in der Hierarchie der Struktur, so kann ich die CSS-Klasse des Artikels nicht in der CSS-Steuerung der Navigation zur Feststellung, ob der Artikel([!] - nicht die Seite) aktiv ist, heranziehen.

Da habe ich mich wohl zu früh gefreut, oder ich bin wieder auf einer falschen Spur ...

[MacKP]

Hallo Ulrich,
ich rede ja auch nicht von nem extra Seitenlayout, sondern von der Seite in der Seitenstruktur (ist wesendlich einfacher als zig Layouts zu haben).
Das nur am Rande.

Du hast also mehr als diesen einen Artikel auf der Seite. Dann wirds glaub ich wirklich was schwieriger...

Eventuell könntest du das fe_page.tpl bearbeiten und dort bei der body class ne Variable nehmen wie artikle_alias oder so.
Musst du mal schauen was du da zur Verfügung hast und am besten nutzen kannst.

Viele Grüße

[Ulrich]

Hallo Ulrich,
ich rede ja auch nicht von nem extra Seitenlayout, sondern von der Seite in der Seitenstruktur (ist wesendlich einfacher als zig Layouts zu haben).
Das nur am Rande. ...

Ja, das ist mir klar. Ich war eben auf der Suche, wie ich dem Artikel eine CSS-Klasse für den Body-Tag mitgeben könnte. Ich versuche sonst auch die Struktur möglichst "schlank" zu halten, schon wegen der späteren Wartung der Projekte.

Was ich in diesem Falle habe, ist aber keine "echte" Seite, sondern im Grunde einen Hyperlink auf einen Artikel. Wenn der Artikel "ATLAS-Experiment" aktiv ist, befinde ich mich eigentlich noch immer auf der ("übergeordneten") Seite "Forschung", was man im Quellcode gut nachvollziehen kann, wenn man der Seite "Forschung" eine spezielle CSS-Klasse für den Body-Tag definiert (der Navigations-Button "Forschung" bleibt ja entsprechend auch korrekt "active" gekennzeichnet).

... Du hast also mehr als diesen einen Artikel auf der Seite. Dann wirds glaub ich wirklich was schwieriger...

Sieht so aus. Ich werde wohl doch eine andere Lösung realisieren und an dieser Stelle auf den Einsatz des Teasers verzichten.

Ich arbeite noch nicht sehr lange mit Typolight/Contao, weshalb ich diesen Weg ...

... Eventuell könntest du das fe_page.tpl bearbeiten und dort bei der body class ne Variable nehmen wie artikle_alias oder so.
Musst du mal schauen was du da zur Verfügung hast und am besten nutzen kannst.

... (noch) vermeiden möchte.

Nichts desto trotz, ein Lerneffekt bleibt ...

Vielen Dank!

Uli

[ro9]

Du bist mein persönlicher Held!!!

Ich markiere das Problem hiermit als gelöst!

Dem möchte ich mich unbedingt anschließen. Ich habe den ganzen Tag danach gesucht und bin fast verzweifelt (so mit "kurz vorm Heulen sein" und so). Und nun dies!

Vielen Dank!