Beantwortet NOVA Template Farbe ändern mit Theme Editor

  • Temporäre Senkung der Mehrwertsteuer Hier findet ihr gesammelt alle Informationen, Videos und Fragen inkl. Antworten: https://forum.jtl-software.de/threads/mehrwertsteuer-senkung-vom-01-07-31-12-2020-offizieller-diskussionthread-video.129542/

Andreas K.

Neues Mitglied
11. Oktober 2020
7
1
Guten Abend,
ich nutze schon seid längere Zeit JTL-Wawi und möchte nun den JTL- Shop Konfigurieren.
Dies läuft auch alles soweit bis auf die Änderungen der Gelben farbe im Nova Template.
Ich habe als erstes versucht mit der Änderung der variable "primary" im Theme Editor die Farbe zu ändern.
Jedoch wird nur ein Teil der Schrift in der neuen Farbe dargestellt.
Hier im Forum wird noch auf der "costumer.css" verwiesen.
Das man dort einzelne Button Farben/Größen/ etc. ändern kann.
Dies klappt bei mir noch nicht so richtig aber das liegt wahrscheinlich an meinen begrenzten CSS Kenntnissen.

Mich würden interessieren ob es eine einfache Möglichkeit gibt die Farbe Gelb (#F8BF00) durch eine andere Farbe zu ersetzen?
(Und das in allen Bereichen der Homepage)Bild 1.png
 

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.489
342
Halle
Hallo Andreas,
es gibt mehrere Wege die Primärfarbe zu ändern. Der einfachste ist jedoch der bereits von dir gewählte über den Theme-Editor. Nach Aufruf des Theme-Editors wählst du dein Theme aus. Für unser Standard Child-Template novachild wäre das my-nova. In der linken Ansicht wählst du dann die Datei _variables.scss aus. In der Hauptansicht des Editors erhälst du dann den Inhalt der Datei. Der sollte aktuell so aussehen:
SCSS:
//
// Platz für eigene Variablen in SCSS-Notation
//
// Alle Änderungen hier müssen anschließend mit einem SCSS-Compiler
// (z.B. dem JTL-Theme-Editor Plugin) nach my-nova.css kompiliert werden
// --------------------------------------------------

// my-nova Theme
// Hier können alle Variablen notiert werden, die nur Auswirkungen auf dieses Theme haben
// -------------------Beginn eigene Variablen----------------------------------











// -------------------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";
In dem Bereich für eigene Variablen kannst du jetzt die Primärfarbe umdefinieren. Als Beispiel nehme ich mal ein zartes Grün #BECD56.
SCSS:
//
// Platz für eigene Variablen in SCSS-Notation
//
// Alle Änderungen hier müssen anschließend mit einem SCSS-Compiler
// (z.B. dem JTL-Theme-Editor Plugin) nach my-nova.css kompiliert werden
// --------------------------------------------------

// my-nova Theme
// Hier können alle Variablen notiert werden, die nur Auswirkungen auf dieses Theme haben
// -------------------Beginn eigene Variablen----------------------------------

$primary:                           #BECD56;









// -------------------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";
Nach einem Klick auf "Datei speichern" und anschließend rechts oben auf "Theme kompilieren" wird das css für das Theme komplett neu erstellt. Nach einem harten Reload im Browser (ggfs. auch den Browser- Cache löschen) sollten dir jetzt alle Elemente die vorher Gelb waren in einem zarten Grün angezeigt werden.
Wichtig ist, dass der Webserver dein Theme-Verzeichnis beschreiben kann. Wichtig ist auch, dass du die geänderte Variable VOR dem @import der Original-Variablen definierst, da du sonst zwar die Primärfarbe überschreibst, aber alle Variablen die darauf basieren behalten das ursprüngliche Gelb bei.
 

Andreas K.

Neues Mitglied
11. Oktober 2020
7
1
Danke für die schnelle Antwort.
Genau so habe ich es gemacht.
Nur das sich nicht alles in der Farbe ändert. Rechte habe ich auch nochmal überprüft.
Wie man auf dem "Bild 2" sehen kann werden die Kategorien, wenn ich da mit meinen Mauszeiger rüber fahre, Türkis.
Jedoch bleiben die Balken Gelb und z.B. "Verfügbarkeit" wird auch Gelb wenn ich da mit meinen Mauszeiger rüber fahre.
Im Browser kann ich die Farbe temporär ändern. Ich verstehe einfach nicht woher er die Farbe "F8BF00" (Gelb) her bekommt.
Weil auch im Browser wird Primary als Türkis angzeigt. (siehe Bild 3 und 4)
 

Anhänge

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.489
342
Halle
Bei mir funktioniert mein geschilderter Ablauf. (siehe Bild)
Welche Basis hast du für dein Child-Template verwendet? Wenn du unsere Child-Vorlage verwendet hast, welche Version verwendest du da?
 

Anhänge

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.489
342
Halle
Prüf mal bitte per FTP ob sich die Datei /templates/novachild/themes/my-nova/my-nova.css ändert, wenn du das Theme neu Kompilierst. (Namen ggfs. an dein konkretes Child-Template anpassen) Ansonsten wäre auch ein Link schön, unter dem man sich das mal anschauen kann. Wenn das nicht öffentlich geht, kannst du mir auch eine PN für Zugangsdaten schreiben.
 
  • Gefällt mir
Reaktionen: Andreas K.

Andreas K.

Neues Mitglied
11. Oktober 2020
7
1
my-nova.css ändert sich.
Das habe ich einmal in der Datei überprüft und man kann es am aktuellen Zeitstempel erkennen.
Zugangsdaten habe ich dir gesendet.
 

Andreas K.

Neues Mitglied
11. Oktober 2020
7
1
Gelöst
Mein Browser will das nicht aktualisieren trotz Strg + F5.
Habe einen anderen Browser installiert und siehe da es wird alles richtig angezeigt.
 
  • Gefällt mir
Reaktionen: FPrüfer
Ähnliche Themen Forum Antworten Erstelldatum des Themas
Neu Merkmal Farbe Template Nova Allgemeine Fragen zu JTL-Shop 2
Nova Template - "In den Warenkorb" bei Hover in Artikelübersicht Einrichtung JTL-Shop5 2
Gelöst nach Update auf Shop 5.0.1: kein CSS nach Wechsel auf NOVA Template Upgrade JTL-Shop4 auf JTL-Shop5 2
Neu JTL WAWI 1.4.5.40.0, JTL Shop 5 Nova-Template User helfen Usern - Fragen zu JTL-Wawi 0
Beantwortet Shop 5 Nova Template - Kategoriebilder bei bestimmten Kategorie Level nicht anzeigen Templates für JTL-Shop 1
Shop lädt nicht bei Nova Child Template Einrichtung JTL-Shop5 2
Neu Nova Template Shop 5 rechte Spalte bei Kategorien und im Artikel Templates für JTL-Shop 1
Gelöst NOVA Template zusätzliches Bild auf der Wartungsseite. Templates für JTL-Shop 2
Nova Template CLS und Page Speed Einrichtung JTL-Shop5 1
Neu Nova Template Möglichkeit bei Klicken auf Oberkategorie, anzeige aller Artikel der unterkategorien ? Templates für JTL-Shop 0
Update von Shop 4 mit Salepix auf Shop 5 mit Nova Template problemlos? Upgrade JTL-Shop4 auf JTL-Shop5 4
Neu NOVA Template Kategorie / Unterkategorie anpassen Allgemeine Fragen zu JTL-Shop 2
Neu Nova Child-Template Hintergrundfarbe Global ändern. Templates für JTL-Shop 2
Neu Nova Template umbauen - Warenkorb Button und Konfigurator Button - Kunde soll selbst entscheiden können Dienstleistung, Jobs und Ähnliches 0
Neu NOVA Template - Hintergrundfarbe Formular - Anmeldung Templates für JTL-Shop 4
Beantwortet Header vergrößern im NOVA Template Templates für JTL-Shop 2
Neu Änderung an der Produkt Detail Seite beim Shop 5 NOVA Template Templates für JTL-Shop 3
Neu JTL Shop 5, Nova Template, wie bekomme ich Kategorien und unter diesen, die Artikel sichtbar? Allgemeine Fragen zu JTL-Shop 4
Neu Massive Probleme NOVA 5 Template Anzeige Templates für JTL-Shop 1
Gelöst JTL Shop 5 Nova Template Problem beim Einrichten des PayPal Plug-ins Einrichtung JTL-Shop5 2
Nova Template: Komischer Abstand des ersten Panels? Einrichtung JTL-Shop5 3
Suchfeld Nova Template verkleinern Einrichtung JTL-Shop5 8
JTL Shop5 Nova Template Top Angebote unter den Artikeln Einrichtung JTL-Shop5 2
JTL Shop5 Nova Template keine Responsive Ansicht TOP Angebote und News Einrichtung JTL-Shop5 4
Neu Versehentlich EVO Template aktiviert - Danach zerschossene Darstellung von Nova Template Installation / Updates von JTL-Shop 0
Gelöst NOVA Template - Slick Slider macht Probleme - Geladen wird nach 'mouseenter' & 'touchstart' Templates für JTL-Shop 7
NOVA Template zerschossen nach Upgrade von 4 auf 5 Upgrade JTL-Shop4 auf JTL-Shop5 0
Gelöst JTL Shop5 bei JTL gehostet. Nova-Template ist nicht mit Smartphone zu nutzen . welche Einstellung muss da noch gemacht werden Templates für JTL-Shop 9
Neu NOVA Template Kategorien, etc. auch auf der Startseite Templates für JTL-Shop 1
Neu SASS in NOVA Child-Template überschreiben Templates für JTL-Shop 1
Neu Artikeldetailseite zerschossen - kein Ablegen der Artikel in warenkorb mehr möglich Shop5 / Nova template Allgemeine Fragen zu JTL-Shop 7
Neu Nova Template / JTL Header Plugin / Check-Out Templates für JTL-Shop 2
Gelöst Nova Child-Template führt zu einem defekten Shop Templates für JTL-Shop 3
Neu NOVA Template Hintergrundfarbe (main) ändern Templates für JTL-Shop 9
Neu Themes für Nova Template Templates für JTL-Shop 2
In Bearbeitung Wird es ein eBay NOVA-Template geben? eBay-Designvorlagen - Ideen, Lob und Kritik 3
Neu Sammelthread: NOVA-Template - Wünsche und Verbesserungen Templates für JTL-Shop 2
Neu NOVA Template zeigt Footer nicht an nach Update auf Shop 5. Installation / Updates von JTL-Shop 15
Neu NOVA Template - Bilder in der Artikelansicht zu klein Templates für JTL-Shop 6
Neu Abfrage der Kategorie FunctionAttributes JTL 5 Shop Nova-Template Templates für JTL-Shop 9
Neu JTL Konfigurator alte EVO Darstellung im NOVA Template Technische Fragen zu Plugins und Templates 9
Neu Ich bekomme das Child Template NOVA für Shop 5 nicht auf die Reihe Allgemeine Fragen zu JTL-Shop 6
Neu Nova Template - Smarty Block Funktionen Technische Fragen zu Plugins und Templates 1
Neu Nova Template Artikelliste/Übersicht Templates für JTL-Shop 1
Beantwortet NOVA Child-Template mit Hooks? JTL-Shop - BETA - Feedback und Bugmeldungen 2
Beantwortet Copyright Hintergrundfarbe NOVA Templates für JTL-Shop 2
Neu JTL Shop 5.0.1 - NOVA - Statisch komprimieren funktioniert nicht richtig JTL-Shop - Fehler und Bugs 3
Gelöst NOVA Child (default) wird falsch dargestellt Einrichtung JTL-Shop5 1
Neu NOVA - Startseite Darstellungsfehler JTL-Shop - Fehler und Bugs 1
Entfernen von Standardtext auf Nova-Startseite Einrichtung JTL-Shop5 3
Ähnliche Themen