Neu SASS in NOVA Child-Template überschreiben

[RuKue]

Hallo,

ich erstelle momentan ein angepasstes NOVA Child-Template für meinen JTL- Shop 5 mit geändertem Layouts, individuellen Schriften und Farbanpassungen.

Hierzu möchte ich gerne einzelnen Definitionen in bestimmen SCSS-Dateien (z.B. base/sass/_productlist.scss) des NOVA-Templates erweitern bzw. überschreiben.

Auch nach dem entsprechenden Import in meiner _allstyles.scss

@import '../../base/sass/footer';

und erfolgreichem Kompilieren im JTL Theme Editor überschreibt das NOVA-Template teilweise meine CSS-Definition (font-familiy, font-size) aus der _productlist.scss meines Child-Templates.



Kann mir jemand einen Tipp geben, was ich hier verkehrt mache?

Grüße,
RuKue

 

[MHillmann]

Hallo @RuKue

ich nehme an du lädst die Dinge in falscher Reihenfolge. Deine eigenen Änderungen sollten erst nach dem Laden der variables und der allstyles des Nova passieren. Änderungen in der my-nova.scss funktionieren bei mir:

//
// Platz für eigene Style Angaben 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
// --------------------------------------------------

// Lädt Core-Funktionen
@import '../../../../NOVA/themes/base/sass/functions';

// Lädt "my-nova"-Variablen. Hier können Variablen aus Bootstrap und dem clear-Theme überschrieben werden.
@import "variables";

// Lädt Style Angaben des clear-Themes
@import '../../../../NOVA/themes/clear/sass/allstyles';

// my-nova Theme
// Hier können alle Style-Angaben notiert werden, die nur Auswirkungen auf dieses Theme haben
// -----------------------------------------------------

#footer .productlist-filter-headline {
    font-family: aria;
}

Viele Grüße
Michael

 

[mediaDESIGN.SK]

Bei mir wirken sich die Änderungen in der my-nova.scss nicht aus.
Wenn ich jedoch die my-nova/scss/_variables.scss ändere und über den Theme-Editor alle compiliere, wirkt sich das erwartungsgemäß im Frontend aus.
Was mache ich falsch?

// my-nova Theme
// Hier können alle Style-Angaben notiert werden, die nur Auswirkungen auf dieses Theme haben
// -----------------------------------------------------

body::before {
  content: ' ';
  height: 100px;
  width: 100%;
  background: #f00000;
}

h1 { font-size: 300%; }

 

[mediaDESIGN.SK]

oh, merke gerade, dass ist ein FireFox- Cache-Problem.