Einzelnen Headlink farblich hervorheben

[reddwarf]

Hallo,

ich möchte oben in den Headlinks einen einzelnen farblich hervorheben.
Also am einfachsten mit dem Design des Warenkorbs ausstatten.
Wo mache ich das am einfachsten?
Am besten ohne Änderungen an php Dateien. Davon habe ich schon genug und bei jedem Update macht das Arbeit 🙂

Gruss Mario

 

[Zillis-Web]

AW: Einzelnen Headlink farblich hervorheben

so gut wie alles ist in den tpl-Dateien und per CSS einstellbar.
deine Anfrage z.B. per CSS, ungefähr so:

... li:nth-child(1) > a {anweisung}

wäre der erste Link betroffen

 

[reddwarf]

AW: Einzelnen Headlink farblich hervorheben

Das klingt ja schonmal gut.

In der theme.css steht foglendes:

#headlinks ul li > a { background-color: #557aa6 !important; color: #fff; }

Wo füge ich da das Kind ein?

Gruss Mario

 

[ag-websolutions.de]

AW: Einzelnen Headlink farblich hervorheben

bis einschl. IE8 wird die pseudo-class "nth-child" nicht unterstützt!

 

[reddwarf]

AW: Einzelnen Headlink farblich hervorheben

Das klingt dann wieder nicht gut.
Gibt es eine kompatible Lösung?

Gruss Mario

 

[ag-websolutions.de]

AW: Einzelnen Headlink farblich hervorheben

Das klingt dann wieder nicht gut.
Gibt es eine kompatible Lösung?

Gruss Mario

Am besten ohne Änderungen an php Dateien. Davon habe ich schon genug und bei jedem Update macht das Arbeit :smile:

wenn du es ganz ohne Änderungen an php/tpl haben willst, dann als plugin was an hook140 mit pquery dir die jeweilige class da rein setzt und die dann über css formatieren

100%updatesicher...1x Aufwand

 

[reddwarf]

AW: Einzelnen Headlink farblich hervorheben

Das klingt kompliziert.
Aber vielleicht sollte ich mich damit mal beschaeftigen. Dann koennte ich andere Aenderungen evtl. auch als Plugin loesen.
Gibts da eine schone Anleitung?

Gruss Mario

 

[ag-websolutions.de]

AW: Einzelnen Headlink farblich hervorheben

eine step by step....nein,

schau dir die Plugin-Beispiele an ... in deinem spez. Fall die, die ebenfalls pquery einsetzen

Plugin-Entwicklung - Übersicht - JTL Developer Base