Neu Farben ändern JTL Shop 5

Weedness

Aktives Mitglied
24. Januar 2020
63
7
Guten Tag,

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

Hat jemand eine Ahnung wie ich das hinbekomme?
 

Anhänge

  • Balken.JPG
    Balken.JPG
    35,2 KB · Aufrufe: 382

Tenten-Boats

Aktives Mitglied
22. August 2010
51
0
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

Aktives Mitglied
19. September 2013
47
1
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
 

Anhänge

  • jtlshop5-template1.JPG
    jtlshop5-template1.JPG
    69,7 KB · Aufrufe: 88

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.315
449
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

Aktives Mitglied
19. September 2013
47
1

HelmaSpona

Gut bekanntes Mitglied
7. Dezember 2012
732
22
Kerken
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

Aktives Mitglied
8. Oktober 2019
38
4
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

Gut bekanntes Mitglied
7. Dezember 2012
732
22
Kerken
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

Aktives Mitglied
8. Oktober 2019
38
4
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:
CSS:
header .navbar-nav > .nav-item > .nav-link::before {
        border-color: transparent;
}
funktioniert.
 
  • Gefällt mir
Reaktionen: HelmaSpona

HelmaSpona

Gut bekanntes Mitglied
7. Dezember 2012
732
22
Kerken
Hallo HelmaSpona,
Ich habe es gerade noch einmal getestet:
CSS:
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.
 

3D-TO

Aktives Mitglied
9. Januar 2022
42
12
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.

CSS:
.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; }
        }
 

Anhänge

  • color JTL.JPG
    color JTL.JPG
    115,6 KB · Aufrufe: 44
Zuletzt bearbeitet:

deliman

Sehr aktives Mitglied
13. Februar 2016
961
116
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

Sehr aktives Mitglied
9. Mai 2017
370
49
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

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


bekomme ich folgenden Fehler bei mkompilieren:

CSS:
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

Sehr aktives Mitglied
9. Mai 2017
370
49
Hi wie hast du das Primary gesetzt ?

Wenn ich es so eingebe

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


bekomme ich folgenden Fehler bei mkompilieren:

CSS:
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

CSS:
// -------------------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;
 

Cassiopeia

Sehr aktives Mitglied
9. Mai 2017
370
49
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

Sehr aktives Mitglied
28. Februar 2017
622
65
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

Code:
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
1649077052092.png
 
Zuletzt bearbeitet:
Ähnliche Themen
Titel Forum Antworten Datum
Neu Darstellung von Artikeln in unterschiedlichen Farben und Größen Allgemeine Fragen zu JTL-Shop 0
Neu Probleme mit Artikelzustand bei Ebay Laufene Artikel ändern Einrichtung und Installation von JTL-eazyAuction 3
Passwort nach X Tagen ändern JTL-Wawi 1.8 13
Neu Nova Farbe ändern Templates für JTL-Shop 14
In Diskussion CustomWorkflow löschen bzw. ändern JTL-Workflows - Ideen, Lob und Kritik 3
Gelöst Servicedesk Workflow Datei erstellen um einen Auftrag zu ändern Gelöste Themen in diesem Bereich 1
Neu URL ändern Allgemeine Fragen zu JTL-Shop 2
Versandarten Bildergröße ändern Einrichtung JTL-Shop5 0
Neu Lageroption "Charge" ändern User helfen Usern - Fragen zu JTL-Wawi 4
Neu Lagerbestand ändern bei Artikeln mit Seriennummern. User helfen Usern - Fragen zu JTL-Wawi 2
Neu Hilfe zum Thema Versandart ändern User helfen Usern - Fragen zu JTL-Wawi 1
Neu Versandart schon in der Übersicht ändern anstatt den ganzen Auftrag zu öffnen JTL-Wawi - Ideen, Lob und Kritik 0
Neu E-Mail Versand in JTL - Absender ändern User helfen Usern 2
Neu Workflow Rechnungsvorlage ändern klappt nicht - Wawi 1.7.13.1 User helfen Usern - Fragen zu JTL-Wawi 0
Neu Eigene Seiten Priority in der Sitemap ändern Allgemeine Fragen zu JTL-Shop 5
Neu Loading Kringel Spinner Ladehilfe ändern/deaktivieren - werde wahnsinnig.. Allgemeine Fragen zu JTL-Shop 0
Neu Zahlungsart beim Import ändern User helfen Usern - Fragen zu JTL-Wawi 0
Neu Steuerart ändern User helfen Usern - Fragen zu JTL-Wawi 2
Maße von DHL-Paketen ändern JTL-Wawi 1.6 0
Neu Variantenartikel mit Ameise exportieren, ändern und wieder importieren? JTL Ameise - Eigene Exporte 14
Neu Zahlungsziel in Vorlage bei Kauf auf Rechnung ändern User helfen Usern - Fragen zu JTL-Wawi 2
Storno Datum ändern? JTL-Wawi 1.7 0
Neu Startseite URL auf /shop ändern Allgemeine Fragen zu JTL-Shop 1
Lieferstatus händisch ändern nach Fehler bei Versanddatenexport JTL-Wawi 1.8 2
Neu Ändern "Alter E-Mails in Tagen" ohne Auswirkung Servicedesk (Beta) 2
Neu Schriftgrößen innerhalb Wawi ändern Eigene Übersichten in der JTL-Wawi 3
Neu Badges / Artikelsticker bei JTL Shop 5.3.0 Templates für JTL-Shop 0
Neu Bug Popup/eModal - JTL Shop 5.3 JTL-Shop - Fehler und Bugs 0
JTL Mahnwesen Workflow- Email nach 30 Tagen noch nicht bezahlt. JTL-Wawi 1.8 0
Neu Best Pratices Shopware - JTL - Buchhaltung User helfen Usern - Fragen zu JTL-Wawi 2
Neu JTL Ameise Extrem Langsam im Export JTL-Ameise - Fehler und Bugs 8
Wichtig 👉 Wichtiger Hinweis: JTL-eazyAuction Server Downtime am Dienstag, 02.04.2024 News, Events und Umfragen 0
Neu Wechsel WAWI Hosting von JTL mit RDP auf ecomDATA User helfen Usern - Fragen zu JTL-Wawi 2
JTL Worker Manueller Abgleich nicht möglich trotz deaktivierem Worker 2.0 JTL-Wawi 1.8 4
Neu JTL Shopify Connector und Billbee frage Shopify-Connector 0
Neu Nach Umstellung auf WMS Probleme mit der JTL Ameise Installation von JTL-WMS / JTL-Packtisch+ 0
Neu JTL Pos Sum-Up Rückgabe Allgemeine Fragen zu JTL-POS 0
Neu JTL Worker 2.0 und tinetbestellung Technische Fragen zu den JTL-Connectoren 0
Neu JTL-Shop 5.3 - Aktuell 5.3.1 Releaseforum 1
Neu JTL 1.8.12.0 - Artikelattribut für Shop importieren - Format CSV-Datei / Hilfe bei Import von individuellen Attributen für JTL-Shop (googlekat) JTL-Ameise - Ideen, Lob und Kritik 1
JTL Shop Gutscheine über JTL-Vouchers erstellen Allgemeine Fragen zu JTL-Vouchers 1
Neu JTL Connector zu SW6 auch als Testumgebung möglich ? Onlineshop-Anbindung 3
Neu Update des JTL shops aus der Wawi funktioniert nicht Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop Gutscheine über JTL-Vouchers erstellen Allgemeine Fragen zu JTL-Shop 0
Neu JTL zu Shopify Bestand wird nicht aktualisiert Shopify-Connector 0
Neu JTL Wawi Bild-Upload unvollständig oder nur als mit meinem PC hochgeladen zu sehen User helfen Usern - Fragen zu JTL-Wawi 2
Neu Bestimmte Artikel von JTL-Search ausschließen JTL-Search 0
JTL Multishop: Domain 1: Eine Sprache, eine Währung | Domain 2: 3 Sprachen, 3 Währungen JTL-Wawi 1.7 3
Neu Email Versand in JTL Wawi einstellen User helfen Usern - Fragen zu JTL-Wawi 3
Neu Produktfeld "Produktkategorie" von JTL nach Shopify? Shopify-Connector 0

Ähnliche Themen