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

ChrisBe128

Aktives Mitglied
18. Januar 2021
27
2
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
993
125
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

Aktives 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: 66
Zuletzt bearbeitet:

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.307
439
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
9
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 Gutscheine über JTL-Vouchers erstellen Allgemeine Fragen zu JTL-Shop 0
Neu E-Commerce-Effizienz steigern: Welche Programmiersprache verbessert die JTL-Shop-Entwicklung? Technische Fragen zu Plugins und Templates 1
Neu Kompatibilitätsliste JTL Shop & JTL Wawi Installation / Updates von JTL-Shop 2
Neu JTL-Shop 5 Paypal Zahlung 30 Tage Zahlungsziel Allgemeine Fragen zu JTL-Shop 6
Neu JTL-Shop 5.3.0 RC3 Fehler nach Update Portlet Banner, fehlendes Produkt JTL-Shop - Fehler und Bugs 0
Neu Umstieg von Shopware 5 zu JTL Shop 5 - Ranking behalten Allgemeine Fragen zu JTL-Shop 2
Neu Verbindungsproblem Wawi (1.8.12.0) zum JTL-Shop (5.2.4) über localhost User helfen Usern - Fragen zu JTL-Wawi 0
Neu Lizenz zu verkaufen für JTL-Shop Standard Edition Allgemeine Fragen zu JTL-Shop 4
JTL Shop : automatisch setzen: Verfügbar ab: 28.04.2024 (Vorbestellung möglich) JTL-Wawi 1.8 0
Neu Programmierung eines Tools zur Verwaltung einer Datentabelle (JTL Shop 5) Technische Fragen zu Plugins und Templates 6
I have faced an issue while the JTL Shop order has synchronized to the JTL WAWI 1.8 version. JTL-Wawi 1.8 0
Neu JTL Shop 5 Umfrage!? Allgemeine Fragen zu JTL-Shop 0
Neu Woocommerce mit JTL Connector "Die Shop-URL verweist nicht auf einen gültigen Shop" WooCommerce-Connector 3
Hosting JTL- Shop unter https://...12358.jtl-shop.de/ Einrichtung JTL-Shop5 0
Neu JTL-Shop Standard Edition Lizenz zu verkaufen Umstieg auf JTL-Shop 7
Neu Wie kann ich im JTL-Shop einen Abwesenheitshinweis einstellen? Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop 5.30? Allgemeine Fragen zu JTL-Shop 9
Neu Anzeige von Neuheiten und Topsellern im JTL Shop 5 Allgemeine Fragen zu JTL-Shop 2
Neu NEU ✔️ PDF-Angebots-Plugin für den JTL-Shop 5 - PDF Angebote von der Produktseite oder aus dem Warenkorb heraus generieren B2C / B2B Plugins für JTL-Shop 5
Neu JTL Shop funktioniert nicht mehr Allgemeine Fragen zu JTL-Shop 2
Neu JTL Shop Template Domain lösen? Allgemeine Fragen zu JTL-Shop 0
Neu Migration von eCommerce-Integrator auf JTL Connector - Software 5 Shop Onlineshop-Anbindung 2
Neu CloudFlare RocketLoader und JTL-Shop OnPage Composer JTL-Shop - Fehler und Bugs 0
Neu JTL-Shop 5 und PHP OpCache Allgemeine Fragen zu JTL-Shop 9
Sprachauswahl im JTL Shop 5 Einrichtung JTL-Shop5 5
Neu JTL Shop und WAWI komplett testen vor Shop-Release Gelöste Themen in diesem Bereich 8
Neu JTL Wawi Warenwirtschaft mit Gambio Cloud-Shop Gambio-Connector 0
Neu Anfängerfrage nach der prinzipiellen Funktionsweise mit JTL-Shop und FFN Starten mit JTL: Projektabwicklung & Migration 4
Neu Neue Tab in JTL 5 Shop erstellen Allgemeine Fragen zu JTL-Shop 3
Neu JTL Shop nicht mehr erreichbar Allgemeine Fragen zu JTL-Shop 1
Update von JTL-Shop 4.06 auf JTL-Shop 5.1.1 geht nicht Upgrade JTL-Shop4 auf JTL-Shop5 4
Neu JTL-Shop 5 Nova-Template / Darstellung der Produktliste teilweise fehlerhaft JTL-Shop - Fehler und Bugs 1
Neu JTL-Shop 5.2.4 - Umlaute wird in Plugins falsch übergeben JTL-Shop - Fehler und Bugs 2
Kundenimport von OpenCart 2.3 zu JTL Shop 5 Einrichtung JTL-Shop5 0
Neu erster JTL Shop - Artikelbilder aus Cloudspeicher - aber nicht in die Wawi eazybuisiness DB Allgemeine Fragen zu JTL-Shop 0
Neu PAngV (PreisAngabenVerordnung) vom 28.05.2022 mit JTL-Wawi und JTL-Shop - bzgl. "Läuft JTL Wawi stabil?" Smalltalk 1
Beantwortet JTL-SHOP 5 / Anzeige Preise Artikelübersicht Allgemeine Fragen zu JTL-Shop 3
Neu JTL Konfigurator an anderen Shop binden Plugins für JTL-Shop 0
Neu Webp Grafiken in JTL-Shop 4.06 Betrieb / Pflege von JTL-Shop 2
Neu Tracking-Link-Variable für Sendungsreferenz - e-mil vorlage jtl-shop JTL-Shop - Ideen, Lob und Kritik 0
Neu AR - Augmented Reality im JTL Shop 5 Plugins für JTL-Shop 2
Neu Woocommerce Upsells und Cross-Sells werden af JTL Shop angezeigt. JTL-Wawi - Fehler und Bugs 0
Neu Aktueller Stand: Retouren in JTL-Shop Allgemeine Fragen zu JTL-Shop 14
Neu SMTP Mail einrichten JTL-Shop 5 User helfen Usern - Fragen zu JTL-Wawi 4
Neu Nach Migration auf JTL Shop 5 fehlerhafte PayPal Zahlungsmitteilungen Allgemeine Fragen zu JTL-Shop 0
Neu JTL-Shop Artikel in Wordpress darstellen Allgemeine Fragen zu JTL-Shop 3
Neu Domainumzug JTL-Shop 5 Allgemeine Fragen zu JTL-Shop 11
JTL Shop 5 Logo Verschieben in Ebay von Mitte nach Links Einrichtung JTL-Shop5 0
Neu Umzug von Shopware 5 zu JTL-Shop 5 - Kunden können sich nicht einloggen Gelöste Themen in diesem Bereich 4
Neu JTL Connector zu SW6 auch als Testumgebung möglich ? Onlineshop-Anbindung 2

Ähnliche Themen