Neu Nova Template - Kategoriemenü links Hintergrund andere Farbe und Balken umfärben

Zappageck71

Aktives Mitglied
14. Februar 2017
34
0
Hallo,
ich habe es soweit gut hinbekommen das Nova-Template auf "Schwarz" zu trimmen.
Jetzt hängt es bei mir am ausklappbaren Kategoriemenü auf der linken Seite, da ich da per "Untersuchen" nicht wirklich herausfinden kann, wie ich den Hintergrund des ausklappenden Menüs umfärben kann.
Da ich die Links auch alle weiß haben möchte im Shop, sind die dann leider unsichtbar in dem Feld.

Hat jemand einen Tipp für mich, wie ich den Hintergrund des ausklappbaren Menüs schwarz bekomme?
Ich mache meine Anpassungen in den Template-Einstellungen des Child-Templates und nicht per Theme Editor.
Für jeden Rat bin ich dankbar, da ich hier echt festhänge im Moment.

Es handelt sich um das Menü auf der linken Seite:

Screenshot 2025-03-19 at 16-51-16 SCHOOLS.png

Vielen Dank schonmal.

Link zum Shop: https://schwarz-sports-shop.de/SCHOOLS
 
Zuletzt bearbeitet:

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
7.953
2.251
Berlin
Firma
css-umsetzung
Da hast du dir ja was vorgenommen, dass umstellen auf black, ist in vielen bereichen echt nervig

Teste das mal aus,

Code:
@media(min-width:992px) {
    .box-categories .nav-panel > .nav > .active > .nav-link {
      border-bottom: 0.375rem solid #525252 !important;
      cursor: pointer;
    }

    .box-categories .dropdown .collapse, .box-linkgroup .dropdown .collapse {
      background: black;
    }
}
 
  • Gefällt mir
Reaktionen: Zappageck71

Zappageck71

Aktives Mitglied
14. Februar 2017
34
0
Du bist mein ganz persönlicher Held!
Ich musste es noch ein wenig anpassen aber jetzt passt es und ich konnte die Links auch noch gleich umschreiben.
Da wäre ich nie im Leben selbst darauf gekommen.
Die restlichen Umstellungen für "Schwarz" im Shop habe ich inkl. Warenkorb schon alle gemacht. Ist nervig aber jetzt passt alles.
Vielen Dank!
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
7.953
2.251
Berlin
Firma
css-umsetzung
Na dein Login sieht noch recht komisch aus, auch die Formularfelder und der mini Warenkorb.
Glaube mir, du bist noch lange nicht fertig, da sind noch viele Bereiche an die du noch nicht gedacht hast und die du erst nach und nach findest.

Du musst dir da im Vorfeld auch ein paar Gedanken machen wegen der Barrierefreiheit, die Schrift ist für mich schon schlecht zu erkennen, bei vorhandener Sehschwäche wird da gar nichts gehen und ab Juni ist das ein Thema.
 

Zappageck71

Aktives Mitglied
14. Februar 2017
34
0
Ja, ich blicke jetzt gerade gar nicht mehr durch. Jetzt habe ich soweit viele Dinge so wie ich sie haben will und muß natürlich noch testen und alles durchprobieren.
Was ich jetzt aber so gar nicht kapiere ist, daß mir jetzt die Produktinfos nicht mehr in den Artikelübersichten angezeigt werden. :eek:
Das ist mir eben aufgefallen. Die Texte/Links sind noch da, aber nicht mehr sichtbar.
Bekomme ich den Hintergrund von diesen Artikelboxen auch schwarz eingefärbt? Wenn ich jetzt wieder am Text bastle, dann passt es an anderer Stelle wieder nicht mehr.
Es ist echt zum Mäusemelken.
Selbst die Suche im Header, die ich längst ausgeblendet hatte ist wieder da.
Ich mache jetzt mal Schluss, das gibt heute nix mehr. 😔
 

Markus - eRock Marketing

Offizieller Servicepartner
SPBanner
10. November 2022
133
61
@Zappageck71 da muss man bei seinen CSS-Angaben aufpassen, dass man nicht andere Styles mit überschreibt.
Wenn du allgemeine Classes wie z.B. "text-center" hast, dann schau, dass du ein übergeordnetes Element mit einem eindeutigen Namen hast.

Z.B. ".variation .text-center" -> Dann bist du hier sicher, dass du nur Anpassungen innerhalb der Variationen vornimmst.

Alternativ gibt es aber auch Templates die bereits einen Darkmode mitbringen, z.B. haben wir bei uns ein Preset für das Snackys für den Darkmode im Shop, so schaut das ganze aus: https://snackys4.erock-creations.de/

Wenn du Probleme hast, dass du dir Sachen zwischen verschiedenen Pagetypes überschreibst, z.B. zwischen Startseite & Listenansicht, dann kannst du im <head> über eine Abfrage des Pagetypes auch CSS-Dateien z.B. nur für die Artikelliste laden.
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu NOVA Child-Template funktioniert nicht wie erwartet jtlshop 5.6 Templates für JTL-Shop 2
Neu Nova Template 5.6.0 - Sortierung Merkmal in der Navigationsbox Templates für JTL-Shop 1
Neu Google liest falsche Preise im Nova Template Templates für JTL-Shop 13
Neu Nova Template und Google Analytics, Ads Technische Fragen zu Plugins und Templates 3
Neu Standart Nova Template Allgemeine Fragen zu JTL-Shop 9
Neu Änderung des Layouts der Kategorieboxen im Nova Template Templates für JTL-Shop 6
Neu NOVA - Bildgrößen Vaterartikel falsch, Kindartikel passt Templates für JTL-Shop 2
Neu NOVA Menü blendet immer Untermenüs ein? Allgemeine Fragen zu JTL-Shop 1
Neu JTL-Shop 5.5.2 – Fehlerhafter Canonical-Tag im Blog-Template verhindert Indexierung durch Google JTL-Shop - Fehler und Bugs 2
Beantwortet Template update nach Shop update auf Installation / Updates von JTL-Shop 4
Neu Encoding-Probleme mit dem Proto-Template Templates für JTL-Shop 7
Neu Beat Template zu verkaufen Templates für JTL-Shop 0
Neu Template von CFE auf Hosting Templates für JTL-Shop 2
Neu JTL-Shop-Template Technik – optimiert für Performance & Conversion Templates für JTL-Shop 10
Neu Fehler 500 im Child-Template nach Umstieg von 5.3.3 auf 5.5.3 Templates für JTL-Shop 8
Neu Template-Empfehlung Templates für JTL-Shop 27
Neu Entfernung von Elementen aus dem Template Templates für JTL-Shop 1

Ähnliche Themen