Farbänderung je nach Kategorie

[vsell]

Da wir ua mit TV-Versandshop zusammenarbeiten würde ich gerne unsere Seiten je nach Kategorie anders farblich anzeigen lassen.

Siehe TV-Versandshop.de

Hat Jemand sowas schon mal probiert ???



Linkback: https://www.modified-shop.org/forum/index.php?topic=1114.0

[pufaxx]

... in der general.js.php je nach global $current_category_id oder global $cPath_array[0] ein eigenes (Zusatz-)Stylesheet einbauen. Keine große Sache, eigentlich.

Man muss halt nur sein normales stylesheet "schlau" anlegen, dass man nachher nicht so viel Gefummel hat.

[vsell]

Hallo pufaxx.. erst mal Dankeschön für die Hinweise !!!

... normales stylesheet "schlau" anlegen...
da werd ich als Anfänger-Opi wohl richtig Spaß bekommen  

[pufaxx]

Die "stylesheet.css" wird als erstes eingebunden.
Wenn Du da schreibst ...

Code: XML  [Auswählen]

.StandardBox {
        margin: 0px;
        padding: 10px;
        border: 1px solid black
}
.StandardBox h4 {
        color: white;
        text-align: center;
        font-size: irgendwas;
        background-image: url("images/BoxHeadlineBG.gif");
        background-repeat: repeat-x;
        background-position: 0 50%;
}

... gilt das für alle Seiten, die kein "darauffolgendes" Stylesheet mit drin haben.
Wenn also Deine Kategorie 47 kein eigenen Stylesheet hat, sind die Ränder von .StandardBox schwatt.

Gibt's aber Stylesheets, die später eingebunden werden, werden dann deren Regeln gewählt.

In der (angenommen, "Damen" hat Kategorien-ID 3, Mädchen kriegen rosa) "style_3.css" brauchst Du dann nur noch schreiben

Code: XML  [Auswählen]

.StandardBox { border-color: pink }
.StandardBox h4 { background-image: url("images/cat_3_BoxHeadlineBG.gif");

In der (angenommen, "Herren" hat Kategorien-ID 12, Jungs kriegen blau) "style_12.css" nur noch entsprechend

Code: XML  [Auswählen]

.StandardBox { border-color: blue }
.StandardBox h4 { background-image: url("images/cat_12_BoxHeadlineBG.gif");

... Man muss halt eben aufpassen, dass man im "Haupt-Stylesheet" nicht versehentlich irgendwelche Anweisungen unterbringt, die man nachträglich schwer "übertreffen" kann. Also sowas wie body * { ...irgendwas... } ist z.B. immer etwas problematisch.

[albersmann]

Hallo zusammen,

Danke für die gute Beschreibung. Da wir in unserem Print-Katalog die einzelnen Kategorien farblich getrennt haben, kann ich dies nun auch in unsrem Shop umsetzten.

Grüsse

Sven

[Tomcraft]

Jepp... schai mal hier... http://www.kwiekids.de
Echt schick umgesetzt!