Neu Produktbilder / Sliderbilder werden im NOVAChild nicht dargestellt

[ahuebler]

Hallo,

ich habe mir den aktuellsten Master gezogen und das NOVAChild aus dem Git.
Habe ich das NOVA aktiv, werden die Produktbilder überall sauber angezeigt:



Aktiviere ich nun das NOVAChild (komplett unmodifiziert) werden die Produktbilder nicht mehr dargestellt (Slider, MegaMenu, Artikelliste, Artikeldetails):


Gilt es da noch etwas zu beachten? Problem besteht auch wenn wir ein eigenes Theme erstellen und kompilieren.

 

[mobade]

Haste du mal die ganzen Chaches geleert

 

[ahuebler]

Ja klar

Fehler ist lokalisiert.

Im criticalCSS fehlt:

.square::before { content: ""; display: inline-block; padding-bottom: 100%; }

Das Beispiel-Nova Child aus dem Gitlab importiert in dessen SCSS Files das Critical aus dem NOVA/themes/base, muss aber eigentlich das aus NOVA/themes/clear nutzen.

Haben es bei unserem Test gerade mal umgebaut und nun funktioniert es wie es soll.

 

[deliman]

Also bei mir funktioniert das Child Template aus dem Gitlab ohne sichtbare Fehler... (habe zum 1. Mal selber ein Childtemplate angelegt und scheinbar alles richtig gemacht) Ich habe aber auch gleich eigene Testartikel hochgeladen.

 

[ahuebler]

Ja, da hast Du recht. Das klappt auch. Ist nur wenn man die my-nova_crit.css neu kompiliert aus der enthaltenen SCSS.

 

[deliman]

Wo genau muss der Code eingefügt werden (/httpdocs/templates/NOVA-child-vorlage-master/themes/my-nova und da die my-nova_crit.css)? An welcher Stelle oder Zeile muss er dann rein?
Habe mir die aktuelle Master geladen und installiert und jetzt das selbe Problem.

 

[ahuebler]

Wenn Du das CSS aus dem SCSS kompilierst, dann:

NOVAChild/themes/my-nova/sass/my-nova_crit.scss

Dort
@import '../../../../NOVA/themes/base/sass/clear_crit';

durch

@import '../../../../NOVA/themes/clear/sass/clear_crit';

ersetzen.

Wenn Du Deine Anpassungen nur im CSS vornimmst, dann musst den im 1. Beitrag genannten CSS-Code in die
NOVAChild/themes/my-nova/my-nova_crit.css einfügen.

 

[deliman]

Egal was ich mache, ich bekomme die Bilder nicht rein...

Mein Code in der my-nova/sass/my-nova_crit.scss sieht jetzt so aus:

// Lädt Critical CSS aus dem Nova

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

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

// Lädt kritische Style Angaben
@import "../../../../NOVA/themes/clear/bootstrap/scss/functions";
@import "../../../../NOVA/themes/clear/bootstrap/scss/variables";
@import "../../../../NOVA/themes/clear/bootstrap/scss/mixins";
@import "../../../../NOVA/themes/clear/bootstrap/scss/root";
@import "../../../../NOVA/themes/clear/bootstrap/scss/reboot";
//@import "../../clear/bootstrap/scss/type";
@import "../../../../NOVA/themes/clear/bootstrap/scss/images";
@import "../../../../NOVA/themes/clear/bootstrap/scss/code";
@import "../../../../NOVA/themes/clear/bootstrap/scss/grid";
@import "../../../../NOVA/themes/clear/bootstrap/scss/nav";
@import "../../../../NOVA/themes/clear/bootstrap/scss/navbar";

.square::before {
content: "";
display: inline-block;
padding-bottom: 100%;
}

Nach dem Speichern und Übertragen auf den FTP Server, die Caches im Shop gelöscht und die Seite via F5 neu aufgerufen, trotzdem sind keine Bilder sichtbar...
Unter /httpdocs/media/image/product/... werden schon Ordner mit Bildern angezeigt - eigentlich immer das gleiche Bild laut Dateinamen. Da sind scheinbar einige nicht mehr da, die ich mit den anderen Produkten hochgeladen hatte.

 

[ahuebler]

Wenn Du die SCSS Dateien bearbeitest, musst du diese auch kompilieren, damit Dein CSS Code aktualisiert wird. Das kannst Du entweder über eine IDE (zB phpStorm) oder über das Theme-Editor Plugin von JTL.

Wenn Du da keine Möglichkeit hast, schreib es einfach in die genannte my-nova_crit.css des Childtemplates. Dann sollte das auch klappen

 

[mobade]

Hi @ahuebler,
da müsste auch die Zeile drin sein

NOVAChild/themes/my-nova/sass/my-nova_crit.scss

Dort
@import '../../../../NOVA/themes/base/sass/clear_crit';

durch

@import '../../../../NOVA/themes/clear/sass/clear_crit';

ersetzen.

vorallem das clear_crit'; das ja nicht in der Datei vorhanden ist, sei den man trägt es nachträglich noch ein, ( besser beschreiben für uns Leihen, Danke, aus der Sicht des Programmierers sieht es immer einfach aus. )
bei mir sieht es jetzt so aus habe es nachträglich eingefügt und kompiliert, Fotos sind jetzt auch wieder da

// Lädt Critical CSS aus dem Nova

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

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


// Lädt kritische Style Angaben
@import "../../../../NOVA/themes/base/bootstrap/scss/functions";
@import "../../../../NOVA/themes/base/bootstrap/scss/variables";
@import "../../../../NOVA/themes/base/bootstrap/scss/mixins";
@import "../../../../NOVA/themes/base/bootstrap/scss/root";
@import "../../../../NOVA/themes/base/bootstrap/scss/reboot";
//@import "../../base/bootstrap/scss/type";
@import "../../../../NOVA/themes/base/bootstrap/scss/images";
@import "../../../../NOVA/themes/base/bootstrap/scss/code";
@import "../../../../NOVA/themes/base/bootstrap/scss/grid";
@import "../../../../NOVA/themes/base/bootstrap/scss/nav";
@import "../../../../NOVA/themes/base/bootstrap/scss/navbar";

und diese Variable funktioniert nicht ( datei: _variables.scss im Theme Editor )

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

// my-nova Theme
// Hier können alle Variablen notiert werden, die nur Auswirkungen auf dieses Theme haben
// -------------------Beginn eigene Variablen----------------------------------

:root {

  --primary: #FF6600;
}



// -------------------Ende eigene Variablen----------------------------------

// Lädt clear-Variablen
@import '../../../../NOVA/themes/clear/sass/variables';

// passt die Pfade an
$nova-theme-path:                   "../../../NOVA/themes";
$fa-font-path:                      "../../../NOVA/themes/base/fontawesome/webfonts";

wenn ich im Browser auf Untersuchen schaue, dann zeigt der Browser einen Fehler an, obwohl die Datei da ist und auch kompiliert
anbei mal das Foto



grüssle MArio

 

[M.Stickel]

Hi,
seit letzten Donnerstag (27.08) sollte das critical CSS im Novachild drin sein. Dort ist auch der Code zu den Bilder zu finden. Also bitte nochmal das Novachild aktualisieren.

@basteldehs die Variable für die Primärfarbe ist "$primary", dann das theme kompilieren und alles sollte laufen.

 

[MHillmann]

Hallo,

zum Thema Primärfarbe wechseln noch ein Link: https://jtl-devguide.readthedocs.io/projects/jtl-shop/de/latest/shop_templates/primary_color.html

Viele Grüße
Michael

 

[mobade]

wie lange sollte sich der Lade-Spinner am „Theme kompilieren“-Button aufgehört hat drehen.
er dreht sich gerade schon ca. 3min. wenn ich die einzelnen Datein Kompiliere unten ( Datei kompilieren ) das geht schnell, aber jedoch bei kompletten Theme kompilieren, dauert.

achso und kann ich die Variable auch in meine custom.scss rein tun?

 

[mobade]

Lade-Spinner dreht noch jetzt ca. 8min

 

[mobade]

Lade-Spinner dreht noch immer ca. 25min

 

[MHillmann]

Das ist nicht normal. Ich nehme an, es gibt Fehler in der Entwicklerkonsole? Ist der Theme Editor aktuell? Da gab es vor ein paar Tagen noch fixes..

 

[mobade]

ich gehe mal davon aus das dieser aktuell ist, habe mir den von hier gezogen
https://gitlab.com/jtl-software/jtl-shop/plugins 7 months ago

 

[deliman]

Habe mir die neuen Child Daten noch mal runtergeladen und eingespielt, Theme compiliert und auch eine Farbe geändert, Theme neu compiliert und bei mir dauert es nur jeweils ein paar Sekunden und jetzt sind auch die Produktbilder wieder da.

Was ich mir noch wünsche ist, das die Beschriftung und Inhalte von weiteren Tabs (via Artikellattribute) ab dem 2. zusätzlichen Tab wirklich mehrsprachig nutzbar sind. Aktuell ist nur der 1. zusätzliche Tab mehrsprachig nutzbar - so wie leider bislang im 4er Shop auch (nur).

 

[mobade]

also das Child habe ich auch nochmals hochgeladen und installiert.
Jedoch das mit den Themes kompilieren klappt nicht, rödelt und rödelt - die einzelnen Datein kompilieren klappt auch nur eben bei komplett kompilierung

Muss da noch was am Server eingestellt werden ?

 

[deliman]

Die .xml nach dem neuen Hochladen der Dateien auch wieder angepasst?