Neu JTL Shop 5 Theme Editor Nova Template Farbe Buttons

ADcavender

Aktives Mitglied
8. September 2018
7
1
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?
 

Anhänge

  • Screenshot-JTL-Shop.jpg
    Screenshot-JTL-Shop.jpg
    118,9 KB · Aufrufe: 26

ChrisBe128

Mitglied
18. Januar 2021
22
1
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

Offizieller Servicepartner
SPBanner
2. Oktober 2008
901
91
Regensburg
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
 
  • Gefällt mir
Reaktionen: ChrisBe128

speedtwin

Neues Mitglied
17. Februar 2021
9
0
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
 

Anhänge

  • editor1.PNG
    editor1.PNG
    101,6 KB · Aufrufe: 22
Zuletzt bearbeitet:

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
584
165
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:

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

Viele Grüße
Michael
 

Max Berater

Aktives Mitglied
17. April 2020
155
8
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?
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu JTL Shop 5 - Anpassung Nova Child Theme Dienstleistung, Jobs und Ähnliches 0
Neu Änderungen am Shop ohne JTL Theme Editor Templates für JTL-Shop 7
Neu Variationen im JTL Shop 5 falsch dargestellt Allgemeine Fragen zu JTL-Shop 0
Neu JTL Shop 5 WebP Bilder werden nicht erzeugt Betrieb / Pflege von JTL-Shop 0
JTL Shop 5 - Guthaben im Kundenkonto ausblenden Einrichtung JTL-Shop5 2
Neu JTL Shop 5 Kategoriebeschreibung im Megamemü aktivieren Betrieb / Pflege von JTL-Shop 0
Neu JTL Shop - Kundenauswahl Kundengruppe - Übertrag JTL WAWI User helfen Usern - Fragen zu JTL-Wawi 1
Neu E-Mails aus JTL-Shop 5 Allgemeine Fragen zu JTL-Shop 4
Neu Umstellung Prestashop - JTL Shop - Kunden sollen ihre alten Bestellungen sehen können Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop 5 - "normaler Slider" vs. "Bilder-Slider" im OnPage Composer Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop Installation Installation / Updates von JTL-Shop 11
Neu Migration JTL Shop 4 -> 5 // neue Artikeltexte (wegen geändertem Bootstrap CSS) User helfen Usern - Fragen zu JTL-Wawi 1
Neu JTL Shop 4 - Artikel mit Pfand kann nicht in EU verschickt werden Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop 5 PAYPAL Zahlungen nicht korrekt Plugins für JTL-Shop 0
Neu Hilfe für JTL Shop Neuling Allgemeine Fragen zu JTL-Shop 0
Neu E-Mail Benachrichtigung bei neuer JTL Shop Version Installation / Updates von JTL-Shop 0
Neu JTL-Wawi Auftrag in den JTL-Shop hochladen? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Kundenimport in JTL-Shop 5 Umstieg auf JTL-Shop 10
Neu NOVA Template JTL Shop 5 eigenen Content-Block zwischen Footer und Produktdetailsseiten Technische Fragen zu Plugins und Templates 2
Neu Zurückfunktion auf der Detailseite im JTL Shop Allgemeine Fragen zu JTL-Shop 0
Neu 37 - Diese Version von JTL-Shop ist nicht mehr kompatibel. Sie benötigen eine neuere Version. JTL-Shop - Fehler und Bugs 4
Neu Fehlermeldung: "Es sind Steuersätze im Online Shop vorhanden, die keinem Steuersatz in der JTL WaWi zugeordnet werden können" Onlineshop-Anbindung 1
Neu Shopabgleich Fehler "uncaught error call to a member function" Jtl Shop JTL-Wawi - Fehler und Bugs 1
JTL Shop 5 Nova Template out of the box nicht responsiv? Einrichtung JTL-Shop5 2
JTL Shop 5: Warenkorb - Fehler bei Steuer B2B-Kunden? Ausblenden der Versandkosten, wenn 0,00 € möglich? Einrichtung JTL-Shop5 2
Neu Kundenrabatt nachträglich in JTL-Shop 5 importieren Betrieb / Pflege von JTL-Shop 5
Neu JTL Shop 5 Consent Manager - manuelle Einträge Allgemeine Fragen zu JTL-Shop 1
JTL-Shop 5: On Page Composer: Text auf Startseite abhängig von angemeldetem User oder nicht - ist das möglich? Einrichtung JTL-Shop5 1
Neu Biete: JTL Shop Entwickler, Plugins / Templates / Reports / SQL / Apps Dienstleistung, Jobs und Ähnliches 0
Neu PayPal Plus - Bedingungen für die Anzeige im Checkout (JTL Shop 5) Plugins für JTL-Shop 0
JTL Shop 5 ohne Google analitycs Upgrade JTL-Shop4 auf JTL-Shop5 6
Neu REST-API bei JTL-Shop Allgemeine Fragen zu JTL-Shop 5
Neu Produkte verlinken/anbinden aus JTL Shop auf Wordpress Onlineshop-Anbindung 0
Neu Suchfunktion in unserem JTL-Shop findet keine Variationsartikel JTL-Shop - Fehler und Bugs 4
Neu JTL Shop 5 Basic Online Stellen Hosting? Allgemeine Fragen zu JTL-Shop 10
Beantwortet JTL Shop OnPage Composer - Eingefügtes Bild lässt sich nicht mehr bearbeiten Einrichtung JTL-Shop5 2
Neu Vorverkauf JTL shop 5 Allgemeine Fragen zu JTL-Shop 1
Neu Verzweiflung :-( - OSS in unserer JTL Wawi + JTL Shop Einrichten und Anpassung vornehmen. Dienstleistung, Jobs und Ähnliches 1
Neu Ansicht JTL Search unter Shop 5-Evo JTL-Search 0
Neu go-OSS - Die Lösung für JTL-Wawi zum Thema One-Stop-Shop ab dem 01.07. Arbeitsabläufe in JTL-Wawi 0
Neu JTL-PayPal Plugin 1.1.3 für JTL Shop 4 Plugins für JTL-Shop 2
Neu Varianten JTL Shop 5 Allgemeine Fragen zu JTL-Shop 2
Beantwortet gelöst - JTL SHOP 5 Polnische Sprachvariabeln werden im Bestellvorgang nicht geladen JTL-Shop - Fehler und Bugs 0
Neu eBay shop - jtl wadi eBay-Anbindung - Ideen, Lob und Kritik 0
Neu JTL Shop 4 & 5 Plugin " EU Umsatzsteuer " Plugins für JTL-Shop 0
Neu Import von URL-Pfaden fuer den JTL-Shop JTL-Ameise - Ideen, Lob und Kritik 1
Neu JTL Shop 5 - Kategorienschriftgröße und Position in Megamenu ändern Allgemeine Fragen zu JTL-Shop 4
Neu JTL Shop 5 - Merkmalfilter immer ausgeklappt darstellen Allgemeine Fragen zu JTL-Shop 2
JTL SHop 5.0.1 > Batch 5.0.3 ständig Warenkorb ist leer Einrichtung JTL-Shop5 1
Gelöst JTL Hosting Shop 4.06 (B17) / PHP 7,4 / Euer Newsletter Installation / Updates von JTL-Shop 5

Ähnliche Themen