Neu JTL Shop 5 Theme Editor Nova Template Farbe Buttons

[ADcavender]

Hallo,
ich habe mit Hilfe des Theme Editors das Nova Template eigentlich so weit angepasst. Es gibt dazu auch ein hilfreiches Video bei Youtube.

Hier passt der Autor die PRIMARY FARBE an und die Buttons in dem Template werden geändert. Wenn ich in dem Nova Template diese Farbe mit dem Theme Editior ändere, werden zwar Links und Schriften teilweise von dem orange bei mir in gelb gewandelt, aber der Großteil der orangefarbenen Elemente bleiben bestehen (Buttons, Hover Effekt unter der Kategorie, Anzeige der Kategorie in der man sich befindet, etc.) Ich finde im Theme Editor keine Funktion keine Platzhalter für diese Flächen. Muss ich dafür direkt in die CSS?

Kenn jemand einen Lsöungsweg hierzu?

 

[ChrisBe128]

Hallo,
ich habe mit Hilfe des Theme Editors das Nova Template eigentlich so weit angepasst. Es gibt dazu auch ein hilfreiches Video bei Youtube.

Hier passt der Autor die PRIMARY FARBE an und die Buttons in dem Template werden geändert. Wenn ich in dem Nova Template diese Farbe mit dem Theme Editior ändere, werden zwar Links und Schriften teilweise von dem orange bei mir in gelb gewandelt, aber der Großteil der orangefarbenen Elemente bleiben bestehen (Buttons, Hover Effekt unter der Kategorie, Anzeige der Kategorie in der man sich befindet, etc.) Ich finde im Theme Editor keine Funktion keine Platzhalter für diese Flächen. Muss ich dafür direkt in die CSS?

Kenn jemand einen Lsöungsweg hierzu?

Hallo ADcavender,

hast du den Cache bereits einmal geleert?
Ich kenne deine Problematik.

Gehe mal im Inkognito-Fenster auf deine Seite... dann wirst du deine Änderung sofort sehen
Solange ich im Backend eingeloggt bin, hatte ich auch immer das gleiche Problem

Schau einfach meine Farbe wurde genau wie bei dir an der einen Stelle geändert.

www.magnetlampen.de


Viele Grüße
Chris

 

[ARA-Marketing]

Servus... naja, mit dem Theme-Editor kann man einiges machen, aber so richtig glücklich wirst du nicht werden.

Lade dir das Child-Template herunter und mache deine Änderungen per CSS in der custom.css
Arbeite mit Chrome und dem Entwickler-Tool (F12) und suche dir die entsprechenden Klassen heraus.

Scheint in erster Linie aufwändiger, aber es rentiert sich. Und wenn du nicht klarkommst,
gibts ja auch noch Servicepartner... man ändert das Layout ja nicht jeden Woche

VG
Eas

 

[speedtwin]

Hallo zusammen.
Ich bin gerade dabei das Nova-Theme (im Test- Shop) mit dem Editor zu bearbeiten.
Die Änderung der Primärfarbe ist mir auch gut gelungen,
jedoch ergibt sich bei der Umsetzung meines "Farbkonzeptes" ein anderes Problem.
Wenn ich den Footer gemäß den Firmenfarben grau mache, muss die Schrift weiß sein damit sie erkennbar bleibt.
Mache ich sie weiß, ist die Schrift im seitlichen Menue, und die Schrift der Breadcrumbs ebenfalls weiß, und damit nicht mehr erkennbar.

Die Schriftfarben werden im Editor unter Punkt 160 ($link-color) geändert und betreffen scheinbar alle Links (s. Bild).

Außerdem wäre noch interessant zu wissen, wie sich die Farbe der Top-Bar anpassen lässt, hierzu finde ich im Editor leider nichts.

Hat jemand Erfahrungen und eine Idee wie sich das Problemchen lösen lässt?

Dank vorab.

Grüße aus Bonn

 

[MHillmann]

Hallo,

@ADcavender
Wie Eas schon sagt wäre dafür ein Child-Template empfehlenswert. Ansonstens kannst du dort die Farbe ähnlich ändern wie du es wahrscheinlich schon probierst.
Hier auch die Anleitung: https://jtl-devguide.readthedocs.io/projects/jtl-shop/de/latest/shop_templates/primary_color.html

@speedtwin

Die Schriftfarben werden im Editor unter Punkt 160 ($link-color) geändert und betreffen scheinbar alle Links (s. Bild).

Schau mal ein Stück weiter oben du suchst wahrscheinlich $footer-color: $body-color !default;

Außerdem wäre noch interessant zu wissen, wie sich die Farbe der Top-Bar anpassen lässt, hierzu finde ich im Editor leider nichts.

An die topbar musst du leider direkt ran, also css in der Art einfügen:

#header-top-bar {
background: pink;
}

Viele Grüße
Michael

 

[ARA-Marketing]

An die topbar musst du leider direkt ran, also css in der Art einfügen:

Genau.... und um dem zu entgehen, das eine dort gemacht, das andere wo anders gemacht... macht man ein Child-Template mit der
custom.css... das ist dann auch Updatesicher, wenn man sich an die Regeln hält.

VG
Eas

 

[Max Berater]

Versuche gerade in der Kategorieauswahl den "Strich" unter der Auswahl farblich zu ändern. Den Code habe ich gefunden und angepasst und in die custom css angelegt.
Jedoch wird dieser irgendwie nicht übernommen und die Farbe ändert sich nicht. Wenn ich dieses jedoch im Chrome Browser ändere funktioniert es prima.
Habe ich einen Denkfehler?