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
714
187
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
Weiße Seite beim NOVA-Template, EVO geht Upgrade JTL-Shop4 auf JTL-Shop5 1
Neu JTL 5 Shop -> Slick Slider auf der Startseite im Nova Template verändern Templates für JTL-Shop 1
Neu Template Anpassung im Child Theme via JTL Theme Editor -> my-nova.scss Templates für JTL-Shop 0
Neu NOVA Template Farbänderung in verschiedenen Bereichen Templates für JTL-Shop 5
Neu JTL SHOP 5.0.1 / NOVA-Template UVP/Rabattanzeige Artikelübersichten Allgemeine Fragen zu JTL-Shop 5
Neu JTL5.1.1 Nova-Template mit Child Mobiles Menü Templates für JTL-Shop 6
Neu Template Nova/layout/header_nav_search.tpl <li>? JTL-Shop - Fehler und Bugs 3
Beantwortet Einstellungen Megamenü Nova Einrichtung JTL-Shop5 2
Neu Slider verkleinern im NOVA Templates für JTL-Shop 3
Neu Header Box im Shop 5 Nova / Evo.. Templates für JTL-Shop 3
Neu NOVA Template linke Navigation? Templates für JTL-Shop 2
Neu Animations Balken im Nova Template Farbe ändern Templates für JTL-Shop 2
Neu NOVA Template lässt sich nicht aktivieren JTL-Shop - Fehler und Bugs 4
Neu Shop 5 NOVA Template - Menü ohne Kategorien Allgemeine Fragen zu JTL-Shop 4
Neu NOVA: Hauptmenü Dropdown Anpassungen Templates für JTL-Shop 2
Neu Nova Child wie _buttons.scss bearbeiten? Templates für JTL-Shop 1
Neu Produktbilder-Slider soll vertikal im Nova sein Templates für JTL-Shop 2
Neu EU Energielabel Nova Template Templates für JTL-Shop 2
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 5
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 Bug: Template Datein des Child-Templates werden nicht bei include anweisungen geladen JTL-Shop - Fehler und Bugs 2
Neu header.tpl wird nicht aus dem Child Template genommen JTL-Shop - Fehler und Bugs 5

Ähnliche Themen