Artikel Tabs Design anpassen/Hintergrundfarbe - Bild

[mercury]

Hallo, suche mir gerade einen Wolf. Habe im Forum und mit Firebug nix gefunden.

In der Artikeldetailseite gibt es diese Tabs (semtabs). Die sind bei mir (Theme Lucil) grau und hellgrau. Ich wollte deren Aussehen ändern, finde aber die entsprechenden CSS Befehle nicht. Kann es sein, dass das Aussehen der Tab Hintergründe (Farbe) im javascript bestimmt wird?

Oder wer kann mir einen Tip geben?

Danke.

Mercury

 

[ag-websolutions.de]

AW: Artikel Tabs Design anpassen/Hintergrundfarbe - Bild

ul.semtabs li a {
  background-color: yellow;
  color: black;
}

ul.semtabs li.active a {
  background-color: red;
  color: white;
}

oder was suchst du?

Denk dran ... bei css-Änderungen --> benutzerdefiniertes Theme aktivieren!!!

 

[mercury]

AW: Artikel Tabs Design anpassen/Hintergrundfarbe - Bild

Super!

Danke für die Antwort. Das wird es wohl sein. Hatte ich eben im Firebug auf Verderben nicht gefunden. Jetzt nach Deinem Posting wirds auch im Firebug angezeigt. Vielleicht war ich auch nur betriebsblind. Jedenfalls sollte ich damit ja weiterkommen. 🙂

Denk dran ... bei css-Änderungen --> benutzerdefiniertes Theme aktivieren!!!

Ich arbeite gerade an einem Testshop. Ich schreibe die Änderungen in die Datei theme.css im entsprechenden Theme-Ordner. Da stehen ja ohnehin nur ein paar Zeilen drin. Ich hatte das so verstanden, dass diese als letzte geladen wird, und damit die hier enthaltenen Befehle alle gleichen vorangehenden (geladenen) überschreibt.

Aber jetzt wo Du es ansprichst, ich hätte vermutlich eine Datei themes_custom.css erstellen sollen, oder? Wenn ja, kein Problem, denn wenn ich den Shop kaufe, werde ich meine (aktuell bearbeitete) theme.css dann als theme_custom.css ins theme spielen, stimmts?

Ich finde das template System inzwischen nach anfänglichen Verständnisproblemen ziemlich cool! Daumen hoch für JTL!

 

[ag-websolutions.de]

AW: Artikel Tabs Design anpassen/Hintergrundfarbe - Bild

nein nein ... das mit der "custom"-variante gilt nur für tpl-Dateien!

Du solltest aber auch nicht die theme.css im Verzeichnis \templates\JTL-Shop3-Tiny\themes\lucid\ ändern, denn bei einem nächsten Shop-Update würde diese datei wieder mit der Standarddatei überschrieben!

Wenn du css-Änderungen vornehmen willst ... hier auf Basis des lucid-Theme, dann mache folgendes:

- kopiere die \templates\JTL-Shop3-Tiny\themes\lucid\theme.css nach \templates\JTL-Shop3-Tiny\themes\custom\theme.css
- kopiere das Verzeichnis (incl. Dateien) \templates\JTL-Shop3-Tiny\themes\lucid\images\ nach \templates\JTL-Shop3-Tiny\themes\custom\images\
- stelle im Shop-Admin -> Darstellung -> Template -> JTL-Shop3-Tiny bei den Einstellungen das Standrad-Theme auf "benutzerdefiniert" um

Jetzt hast du quasi das lucid-Theme als benutzerdefiniertes Theme aktiviert.

Nun kannst du hingehen und deine css-Anpassungen in der Datei \templates\JTL-Shop3-Tiny\themes\custom\theme.css eintragen.
Ich gehe je nach Ausgangsbasis hin und trage die Änderungen am Ende der Datei ein, auch wenn das eigentliche css-Element bereits vorher in der Datei steht.
Vorteil ist, du siehst sofort (auch bei einem Update) welche Änderungen du gemacht hast und muss nicht Standard mit Änderung vergleichen

Wenn du Bilder ändern/ergänzen möchstest, geschieht dies im Verzeichnis \templates\JTL-Shop3-Tiny\themes\custom\images\

Diese Vorgehensweise ist update-sicher, da der Inhalt des custom-Verzeichnisses bei einem Update nicht überschrieben wird.

 

[mercury]

AW: Artikel Tabs Design anpassen/Hintergrundfarbe - Bild

Cool, so wirds gemacht!

Danke für die ausfürhliche Beschreibung.

*geht und kopiert die files ins /custom/ Verzeichnis*

Ich gehe je nach Ausgangsbasis hin und trage die Änderungen am Ende der Datei ein, auch wenn das eigentliche css-Element bereits vorher in der Datei steht.
Vorteil ist, du siehst sofort (auch bei einem Update) welche Änderungen du gemacht hast und muss nicht Standard mit Änderung vergleichen

Und das ist mal gleich ein guter Tip.

 

[Freaky]

AW: Artikel Tabs Design anpassen/Hintergrundfarbe - Bild

Weil es so gut passt stelle ich auch gleich noch eine Frage.

Danke Euch schon mal!
Wo wird die Hintergrundfarbe des Inhalts im Tab geändert? Die Ränder habe ich alle einzeln gefunden. Aber der Hintergrund? Ist das überhaupt vorgesehen oder muss da noch etwas eingefügt werden?