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
585
165
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
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Produktbilder-Slider soll vertikal im Nova sein Templates für JTL-Shop 0
Neu EU Energielabel Nova Template Templates für JTL-Shop 1
Neu NOVA Farbe untere Footer-Leiste Templates für JTL-Shop 3
Neu NOVA Template - Megamenu Oberkategorie Link entfernen Templates für JTL-Shop 2
Neu NOVA > Cache Dauer für Browsercache einstellen Templates für JTL-Shop 2
Neu NOVA Child: Artikeldetailseite Tabs werden untereinander dargestellt anstatt zu faden Templates für JTL-Shop 2
Neu NOVA Template - dunkler Hintergrund bei ausklappendem Megamenu Templates für JTL-Shop 4
Neu Shop5 NOVA - SWATCH-Image - PopUp deaktivieren Templates für JTL-Shop 2
Neu NOVA Template Preisspannen Slider noUI-touch-area sekundäre Farbe ändern Templates für JTL-Shop 2
Neu Shop5 NOVA - Galerieansicht Bilder vergrößern Templates für JTL-Shop 2
Neu Produktdaten für rich snippets werden von Shop5 (NOVA) nicht geliefert Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop 5 - Anpassung Nova Child Theme Dienstleistung, Jobs und Ähnliches 0
Neu NOVA Template JTL Shop 5 eigenen Content-Block zwischen Footer und Produktdetailsseiten Technische Fragen zu Plugins und Templates 2
Neu Schriftgröße des Menüs im Nova Child Template vergrößern Templates für JTL-Shop 2
Neu Nova Child Theme: Atikel Name in downloads.tpl abfragen? Technische Fragen zu Plugins und Templates 4
Neu Nova Midnight, @import in _allstyles falsch? JTL-Shop - Fehler und Bugs 2
Gelöst NOVA Headings plötzlich weiß?! Templates für JTL-Shop 1
JTL Shop 5 Nova Template out of the box nicht responsiv? Einrichtung JTL-Shop5 2
Neu NOVA - CSS Anpassung Text Variationsname Templates für JTL-Shop 7
Neu JTL5 + NOVA -> keine linke Seitenleiste für Filter? JTL-Search 0
Neu Template Nova: Grauen Schatten Linie in anderer Farbe Templates für JTL-Shop 2
Neu Textfarbe "Neu hier? Jetzt registrieren!" in NOVA Template ändern Templates für JTL-Shop 2
Neu Ist eine Bildvergößerung im NOVA-Template möglich wie im EVO-Template Technische Fragen zu Plugins und Templates 0
Neu Nova-Template Menü anpassen Templates für JTL-Shop 0
Neu NOVA > logo hat leeres srcset Templates für JTL-Shop 0
Neu NOVA > Wie eigene Fonts im Child-Theme einbinden Templates für JTL-Shop 5
Neu Nova - Mobile - Ansicht - Artikellisten - Ansicht - Verständnissfrage Templates für JTL-Shop 2
Neu Shop5 Nova Template Allgemeine Fragen zu JTL-Shop 2
Neu Nova Template Artikelliste Bilder werden falsch geladen JTL-Shop - Fehler und Bugs 0
Neu NOVA - Komprimierung von JS & CSS Templates für JTL-Shop 4
Neu NOVA Performance Optimierung? Templates für JTL-Shop 8
Neu Bild in Artikelliste im Verhältnis größer Nova Templates für JTL-Shop 2
Neu Nova Template - Artikelbilder der Artikeldetailseite links neben dem Hauptbild Templates für JTL-Shop 2
Neu Infinite Scrolling - EndlessScrolling für den JTL5 - Nova Allgemeine Fragen zu JTL-Shop 0
Neu Artikelbeschreibung als Artikelkurzbeschreibung im Nova - Template - Listenansicht Allgemeine Fragen zu JTL-Shop 2
Neu Im Child vom NOVA auch auf der Startseite die linken Boxen Templates für JTL-Shop 3
Neu Nova Megamenu Hovereffekt ausschalten Templates für JTL-Shop 3
NOVA - Mobile Navigation ohne MegaMenu? Einrichtung JTL-Shop5 1
Beantwortet Child Template lädt css von Nova nicht Templates für JTL-Shop 1
Neu NOVA child-template CSS rem(16px) Templates für JTL-Shop 1
Neu Unfall passiert ... Kann mir jemand die Original TPL Dateien NOVA Shop 5 zur Verfügung stellen Allgemeine Fragen zu JTL-Shop 3
Neu Slider Warenkorb zufügen > Nova Templates für JTL-Shop 7
Beantwortet NOVA unter JTL Shop 5 zeigt auf Startseite nur Header und Footer JTL-Shop - Fehler und Bugs 2
Neu JTL5 / Nova / Banner / Slider Startseite Betrieb / Pflege von JTL-Shop 0
Neu Hersteller Name beim Warenkorb deaktivieren (NOVA Templates) Allgemeine Fragen zu JTL-Shop 3
Neu Nova-Template Kundennummer / Firma Technische Fragen zu Plugins und Templates 3

Ähnliche Themen