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?

 

[Tenten-Boats]

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.

 

[Cassiopeia]

Weiß jemand wie man auch die Navigationsfarbe in der linken Seitenleiste anpassen kann ?

 

[3D-TO]

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.

Ich habe das gleiche Problem und bekomme es einfach nicht hin.
Wo muss ich die CSS Codezeilen einfügen?

Damit sich die Farbe der Schrift ändert, muss man den Wert der Variable $primary ändern.
Aber wie kann ich den Balken unter der Schrift ändern?? Wieso ist das so kompliziert??

Habe einen Eintrag gefunden in "clear_crit.scss" und geändert (border-color), hat aber nichts genutzt ... bleibt immernoch in dem komischen orange.

.navbar-nav {
      > .nav-item {
        > .nav-link { position: relative; padding: map-get($spacers, 4);
          &::before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); border-width: 0 0 $nav-tabs-border-width * 6; border-color: #7ddd00; border-style: solid; transition: width .4s; width: 0; }
        }

 

[deliman]

Hallo,

ich habe im Child-Template in der _variables.scss den Eintrag: $primary: #1F5E86 !default;
drin um die Hauptschriftfarbe und auch die Balken, Buttons u.s.w. zu ändern. Mit dem Theme-Editor funktioniert das problemlos.

 

[Cassiopeia]

Hallo,

ich habe im Child-Template in der _variables.scss den Eintrag: $primary: #1F5E86 !default;
drin um die Hauptschriftfarbe und auch die Balken, Buttons u.s.w. zu ändern. Mit dem Theme-Editor funktioniert das problemlos.

Hi wie hast du das Primary gesetzt ?

Wenn ich es so eingebe

//BESTSELLER, 1
$ribbon-bg-1:                       $primary: #E23F33 !default;
$ribbon-color-1:                    $primary: #fff !default;

bekomme ich folgenden Fehler bei mkompilieren:

parse error: failed at `$ribbon-bg-1: $primary: #E23F33 !default;` /var/www/vhosts/ryfo-colors.de/httpdocs/templates/NOVAChild/themes/my-nova/sass/_variables.scss on line 34, at column 1

 

[Cassiopeia]

Hi wie hast du das Primary gesetzt ?

Wenn ich es so eingebe

//BESTSELLER, 1
$ribbon-bg-1:                       $primary: #E23F33 !default;
$ribbon-color-1:                    $primary: #fff !default;

bekomme ich folgenden Fehler bei mkompilieren:

parse error: failed at `$ribbon-bg-1: $primary: #E23F33 !default;` /var/www/vhosts/ryfo-colors.de/httpdocs/templates/NOVAChild/themes/my-nova/sass/_variables.scss on line 34, at column 1

Hab es jetzt auch so versucht aber auch kein Erfolg:

//BESTSELLER, 1
$ribbon-bg-1: $primary #E23F33 !default;
$ribbon-color-1: $primary #E23F33 !default;

Es ist so als ob die Änderungen im Child einfach komplett ignoriert werden.


Meine _variables.scss sieht so aus

// -------------------Ende eigene Variablen----------------------------------

// Lädt clear-Variablen
@import '../../../../NOVA/themes/clear/sass/variables';

// passt die Pfade an
$nova-theme-path:                   "../../../NOVA/themes";
$fa-font-path:                      "../../../NOVA/themes/base/fontawesome/webfonts";



//BESTSELLER, 1
$ribbon-bg-1:                       $primary #E23F33 !default;
$ribbon-color-1:                    $primary #E23F33 !default;
//SPECIALOFFERS, 2
$ribbon-bg-2:                       #E23F33 !default;
$ribbon-color-2:                    #fff !default;
//NEWPRODUCTS, 3
$ribbon-bg-3:                       $gray-darker !default;
$ribbon-color-3:                    #fff !default;
//TOPOFFERS, 4
$ribbon-bg-4:                       #E23F33 !default;
$ribbon-color-4:                    $gray-dark !default;

 

[aadursun]

Mal so versuchen

$ribbon-bg-1: #E23F33;
$ribbon-color-1: #E23F33;

 

[Cassiopeia]

Mal so versuchen

$ribbon-bg-1: #E23F33;
$ribbon-color-1: #E23F33;

Hab es damit mal eben versucht aber leider kein Ergebnis. Egal wo ich irgendwas reinschreibe es wird ignoriert, das ist sehr frustrierend. Ich habe die Shop Caches, Template und Browser Caches geleert und an drei verschiedenen PCs versucht die Seite mit den Änderungen aufzurufen.

_variables.scss ist aber korrekt oder ?

 

[aadursun]

Hast du eine URL, ich würde das mal prüfen wollen. Gerne auch per PN.

 

[aadursun]

Ich würde den theme editor installieren und damit arbeiten. Wenn nicht, child theme anlegen und mit der custom.css weiterarbeiten.

in der custom.css das eingeben und Farbe individuell setzen

header .navbar-nav > .nav-item > .nav-link::before {border-color: #3928b9 !important;}

aside .nav-panel > .nav > .active > .nav-link { border-bottom: 0.375rem solid #3928b9; }

Ergebnis