Neu SASS in NOVA Child-Template überschreiben

RuKue

Neues Mitglied
17. Januar 2021
1
0
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

Sass:
@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.

productlist.png

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

Grüße,
RuKue
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.307
439
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:

CSS:
//
// 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

Aktives Mitglied
7. Januar 2019
33
3
Gera (Thüringen)
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?

CSS:
// 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%; }
 

Ähnliche Themen