MODUL: pro (Unter-)Kategorie ein eigenes Stylesheet

[Talismann]

Jetzt muss man nur noch wissen von wo her man die stylesheet.css holt um diese in den Ordner: /templates/xtc5/css_styles/

zu legen

[xxhappyxx]

Ich würde sagen das passt so Michael. 

Man kopiert seine org. CSS-Datei und passe sie mit Firefox, Firebug und viel Zeit an seine Vorstellungen an.

Gruß Thomas

[Talismann]

Danke Thomas,

ich habe auch einmal die liesmich überarbeitet und lege diese einmal als Anlage bei. Vielleicht schaust du hier auch noch einmal drüber und es wird dann evtl. vorne angeheftet.

LG Michael

[Talismann]

Nun habe ich aber noch einmal eine Frage.

Wo hole ich nun die stylesheet.css her um diese dann in den Ordner

/templates/xtc5/css_styles/

zu legen?

Hier ist noch etwas was ich nicht verstehe: BITTE BEACHTEN! Die Pfade in den zugewiesenen Stylesheets unterscheiden sich von dem Standard Stylesheet z.B.
background: url(img/bg.gif) repeat-x #eee;
wird im neuen Stylesheet
background: url(../img/bg.gif) repeat-x #eee;

Muss hier noch etwas gemacht werden oder war es dies dann?

LG Michael

[xxhappyxx]

Du nimmst deine /templates/xtc5/stylesheet.css, fertigst eine Kopie davon an, benennst sie nach deinen Wunsch und speicherst diese dann im Ordner /templates/xtc5/css_styles/ ab.

Je nachdem wie du sie veränderst, verändert sich dann auch das Layout der Kategorie die diese Stylesheet-Datei verwendet.

Hier ist noch etwas was ich nicht verstehe: BITTE BEACHTEN! Die Pfade in den zugewiesenen Stylesheets unterscheiden sich von dem Standard Stylesheet z.B.
background: url(img/bg.gif) repeat-x #eee;
wird im neuen Stylesheet
background: url(../img/bg.gif) repeat-x #eee;

Muss hier noch etwas gemacht werden oder war es dies dann?

Bei allen Aufrufen von Bildern muß der Pfad angepasst werden. Daher wird aus url(img/bg.gif) in der neuen Datei url(../img/bg.gif). Die beiden Punkte sind für den Sprung in den übergeordneten Pfad. Denn dort befindet sich ja der Ordner "img"

Ich hoffe, ich konnte das verständlich erklären.

 

[Talismann]

Danke Thomas,

du hast das wirklich super erklärt.

Ich habe nun in einer Kategorie eine andere stylesheet.css aus dem xtc5 genommen (Habe im shop ein anderes template nicht das xtc5). Man sieht aber kein anderes Template wenn man nun diese Kategorie aufruft.?

Vorhin hast du geschrieben, das man diese css mit Firefox usw.bearbeiten kann. Wie geht denn das, diese bekommt man doch nicht mit Firefox geöffnet? Gibt es da irgendeinen Trick?

LG Michael Klein

[xxhappyxx]

Hast du die Cache gelöscht?

Nutzt du Firefox? Wenn ja, dann führe mal einen Rechtsklick an irgendeiner Stelle aus. Dort sollte im Kontextmenü "Element untersuchen" stehen. Klick das mal an. 

Ansonsten schreib mich mal an...
 

[Talismann]

Hallo Thomas,

das ist komisch..... Es scheint mir so, als ob das xtc5 template darunterliegt und das andere obendrüber. Wenn man bei einem Element die Ausrichtung ändert erscheint darunter das xtc5 Template.

Irgend etwas ist scheinbar fehl gelaufen.

[msielmon]

Hallo zusammen,
also, ich habe auch vor, Kategorien mit eigenen Styles zu versehen und all diese Schriftte durchgeführt. Nun habe ich im Ordner css_styles die entsprechenden CSS-Dateien mit eigenen Namen, habe diese angepasst und den Kategorien zugewiesen. In den Kategorien wird aber nach wie vor das Standard Template angezeigt.
Ich habe neue Grafiken erstellt, diese in den CSS-Dateien eingebunden. Es werden die Standardgrafiken angezeigt. Kann es sein, dass diese ganzen Anpassungen nur beim Standard-Template xtc5 funktionieren?
Gruß
Michael

[noRiddle (revilonetz)]

Warum macht Ihr das nicht einfach so ?

Gruß,
noRiddle

[msielmon]

Es geht ja nicht nur um den Header, es geht um das gesamte Erscheinungsbild, Schriftfarben, Hintergrund etc.
Gruß

[noRiddle (revilonetz)]

Lesen kannst du aber schon ?
Wie kommst du darauf, daß es "nur um den Header" gehen sollte ?

Gruß,
noRiddle

[msielmon]

Hast Recht, sorry. Ich war etwas unaufmerksam.
Danke sehr, muss ich mir mal näher ansehen und ausprobieren.
Gruß

[noRiddle (revilonetz)]

Damit du's richtig verstehst.
Über die vergebenen Body-IDs kann man im CSS alles machen indem man eben die ID vor den Selektor stellt.

Da man außerdem ja die Templates für categorie_listing usw. hat, ist das ganze sehr flexibel, denn man kann ja durch Erstellen weiterer Templates und Auswählen des gewünschten solchen in der Kategorie-Bearbeitung dann auch alternative HTML-Elemente verwenden.

Möchte man nicht alle Styles in das Haupt-Stylesheet implementieren, welches ja überall geladen wird, legt man eben weitere Stylesheets im css-Ordner des Templates an und lädt diese conditional in der general.css.php .

Das ganze könnte man noch perfekter mit Admin-Interface bauen wo man bestimmen kann bei welcher Kategorie welches zusätzliche Stylesheet geladen werden soll.
Aber dafür gibt es sicherlich viele verschiedene Ansätze.

Mein Vorschlag ist jedenfalls eine einfache Art auf jeder erdenklichen Seite spezielle Styles haben zu können und bleibt durch die Vergabe sowohl einer Klasse (z.B. allgemein für alle Kat) und einer ID speziell für jede Kat absolut und auf Dauer flexibel.

Gruß,
noRiddle

[mike101]

ich arbeit noch mit 1.05d und hab so viele Änderungen in dem Shop drin. Deshalb kann ich nicht auf 1.06 hoch.
Nun stimmt aber die Anleitung komplett nicht mehr. z.B. in der admin/includes/classes.phl. ist der Code

sql_data_array = array ('sort_order' => $so etc.etc. nicht mehr zu finden.

Nun bin ich so ziemlich auf step by step anleitungen angwiesen und komm nicht weiter.
Hat vielleicht jemand eine Anleitung für den Einbau in 1.05d die auch ein Laie nachvollziehen kann ?

Danke