Neu Farben ändern JTL Shop 5

[Weedness]

Guten Tag,

ich würde gerne die Balken Farbe ändern wie im Anhang Markiert.

Hat jemand eine Ahnung wie ich das hinbekomme?

 

[nowhereman]

Guten Tag,

du kannst die Farbe der Balken wie folgt ändern:

header .navbar-nav > .nav-item > .nav-link::before {
border-color: #209ED9;
}

Wobei natürlich der rot geschriebene Wert an Deine Wunschfarbe angepasst werden muss.
Die Änderung gehört dann in die .scss Datei Deines Child-Templates.

 

[team-rsr]

Hallo,

Ich glaub ich steh grad auf der Leitung,
wenn ich im Shop 5 mit dem JTL Theme Editor das Theme Clear -> Theme kompilieren drücke kommt diese Meldung ->
"Theme erfolgreich nach ...........jtlshop/templates/NOVA/themes/clear/clear.css kompiliert"
Wenn ich dann auf die Dateien die nicht aus gegraut sind zb. _varialbes.scss klicke kommt nichts kein Quellcode zum Ändern.

Es dreht sich nur rechtsoben im grünen Balken der Kreis und nichts passiert.



MFG
Robert

 

[MHillmann]

Hallo @team-rsr

warum da nix angezeigt wird, kann ich gerade nicht sagen. Habe bei mir gerade getestet, da läuft es.. Ich würde dir aber wenn du Änderungen machen möchtest eh empfehlen mit einem Child-Template zu arbeiten, dann bist du bezüglich Updates besser aufgestellt. Hast du das schon mal probiert?

Viele Grüße
Michael

 

[team-rsr]

Hallo @team-rsr

warum da nix angezeigt wird, kann ich gerade nicht sagen. Habe bei mir gerade getestet, da läuft es.. Ich würde dir aber wenn du Änderungen machen möchtest eh empfehlen mit einem Child-Template zu arbeiten, dann bist du bezüglich Updates besser aufgestellt. Hast du das schon mal probiert?

Viele Grüße
Michael

Hallo,
Nein das kenne ich gar nicht.

 

[Tadaa]

Hallo team-rsr
ich empfehle dir hier zu lesen:
https://jtl-devguide.readthedocs.io/projects/jtl-shop/de/latest/shop_templates/index.html# (Der Link steckt im Beitrag von Michael hinter " Child-Template")

 

[HelmaSpona]

Guten Tag,

du kannst die Farbe der Balken wie folgt ändern:

header .navbar-nav > .nav-item > .nav-link::before {
border-color: #209ED9;
}

Wobei natürlich der rot geschriebene Wert an Deine Wunschfarbe angepasst werden muss.
Die Änderung gehört dann in die .scss Datei Deines Child-Templates.

Hmm also ich versuche das auch gerade. Funktioniert bei mir nicht. Egal was ich angebe, es gibt keine Änderung. Ich kann auch border:none !important; reinschreiben, eigentlich will ich die ganz weg haben, geht nicht. die bleiben. Auch nach Änderung der Primärfarbe, sind die immer noch gelb. .... Ziemlich frustrierend.

 

[Tadaa]

Hmm also ich versuche das auch gerade. Funktioniert bei mir nicht. Egal was ich angebe, es gibt keine Änderung. Ich kann auch border:none !important; reinschreiben, eigentlich will ich die ganz weg haben, geht nicht. die bleiben. Auch nach Änderung der Primärfarbe, sind die immer noch gelb. .... Ziemlich frustrierend.

Hallo HelmaSpona,
Wo genau änderst du die css-Angaben?
Wie oben schon geschrieben, hilft es die Dokumentation zu lesen.
Bei uns funktioniert jede Änderung im JTL Theme Editor (Datei speichern, Theme kompilieren, Strg+F5 -> fertig...).
Grüße Tadaa

 

[HelmaSpona]

Ich hab es genau wie beschrieben gemacht, Code eingefügt, gespeichert, fehlerfrei kompiliert, Anzeige im Browser aktualisiert. Nix. Auch bei Änderung der Primärfarbe wirkt sich das nicht auf die Balken aus.

 

[Tadaa]

Ich hab es genau wie beschrieben gemacht, Code eingefügt, gespeichert, fehlerfrei kompiliert, Anzeige im Browser aktualisiert. Nix. Auch bei Änderung der Primärfarbe wirkt sich das nicht auf die Balken aus.

Hallo HelmaSpona,
Ich habe es gerade noch einmal getestet:

header .navbar-nav > .nav-item > .nav-link::before {
        border-color: transparent;
}

funktioniert.

 

[HelmaSpona]

Hallo HelmaSpona,
Ich habe es gerade noch einmal getestet:

header .navbar-nav > .nav-item > .nav-link::before {
        border-color: transparent;
}

funktioniert.

Ich hab das ganze jetzt noch mal mit einem anderen Brwoser getestet, da zeigt er es jetzt auch korrekt an. Ich habe allerdings vorher in Firefox auch mehrmals die SEite neu geladen und sogar den Browsercache gelöscht.