Neu Produktbilder / Sliderbilder werden im NOVAChild nicht dargestellt

ahuebler

Offizieller Servicepartner
SPBanner
6. August 2012
37
1
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:

1598531154171.png

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

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

ahuebler

Offizieller Servicepartner
SPBanner
6. August 2012
37
1
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

Sehr aktives Mitglied
13. Februar 2016
961
116
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

Offizieller Servicepartner
SPBanner
6. August 2012
37
1
Ja, da hast Du recht. Das klappt auch. Ist nur wenn man die my-nova_crit.css neu kompiliert aus der enthaltenen SCSS.
 

deliman

Sehr aktives Mitglied
13. Februar 2016
961
116
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

Offizieller Servicepartner
SPBanner
6. August 2012
37
1
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

Sehr aktives Mitglied
13. Februar 2016
961
116
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

Offizieller Servicepartner
SPBanner
6. August 2012
37
1
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

Sehr aktives Mitglied
27. Februar 2017
831
150
Chemnitz
Hi @ahuebler,
da müsste auch die Zeile drin sein
Code:
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

Code:
// 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 )
Code:
//
// 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

primärfarbe.jpg

grüssle MArio
 

M.Stickel

Moderator
Mitarbeiter
9. Februar 2016
298
38
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.
 
  • Gefällt mir
Reaktionen: mobade

mobade

Sehr aktives Mitglied
27. Februar 2017
831
150
Chemnitz
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?
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.315
449
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..
 

deliman

Sehr aktives Mitglied
13. Februar 2016
961
116
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

Sehr aktives Mitglied
27. Februar 2017
831
150
Chemnitz
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 ?
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu Alle Produktbilder in Shopify aus JTL löschen Shopify-Connector 0
Neu Produktbilder mit Untertext Allgemeine Fragen zu JTL-Shop 0
Neu Packtisch: Versandart soll explizit ausgewählt werden müssen Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 0
Versanddaten werden nicht übermittelt. JTL-Wawi 1.8 3
Neu Kategorie Bilder werden im Webshop nicht angezeigt User helfen Usern - Fragen zu JTL-Wawi 0
Neu Bilder von Merkmalen werden nicht angezeigt Gelöste Themen in diesem Bereich 5
Neu Vorschaubilder in der Artikeldetailseite werden nicht angezeigt Betrieb / Pflege von JTL-Shop 1
Neu Amazon Prime - DHL Versandlabel kann nicht gedruckt werden "Ein Prime Versandlabel wurde nicht gekauft, da kein verfügbares gefunden wurde." JTL-ShippingLabels - Fehler und Bugs 0
Neu Hersteller werden nicht übertragen Shopware-Connector 0
Neu Versandschein für Schweiz kann nicht gedruckt werden folgende Fehlermeldung JTL-ShippingLabels - Fehler und Bugs 1
Verbindung zu Kundencenter geht verloren und Lizenz muss erneut abgteglichen werden JTL-Wawi 1.8 16
Zahlungen werden nicht empfangen (WooCommerce) JTL-Wawi 1.8 0
Neu Shop in Unterverzeichnis führt dazu, dass Inhalte aus dem übergeordneten Verzeichnis im Shop gezeigt werden JTL-Shop - Fehler und Bugs 3
Neu Neu erstellte Kategorien werden nicht mehr im Megamenue & Kategoriebaum angezeigt Betrieb / Pflege von JTL-Shop 7
Rechnung zeigt Mehrwertsteuer 0% aus obwohl 7% berechnet werden - wenn UST-ID eingegeben JTL-Wawi 1.8 0
Kann ich eine email an die Wawi senden durch die dann ein neuer Auftrag generiert wird? (Daten müssen händisch vervollständigt werden...) JTL-Wawi 1.8 2
Neu DHL Paket Label Sonderzeichen - werden weggekürzt User helfen Usern - Fragen zu JTL-Wawi 0
Neu Track & Trace - Auslandssendungen automatisiert als PDF exportieren, bevor die Logs gelöscht werden. JTL-Track&Trace - Ideen, Lob und Kritik 0
Neu WAWI Kategorien werden im Shop nicht angezeigt Gelöste Themen in diesem Bereich 3
Neu Bilder werden Falsch im Shop angezeigt. WooCommerce-Connector 0
Neu Ebay Artikel - bei Umstellung auf Designvorlagen werden Beschreibungen verändert User helfen Usern - Fragen zu JTL-Wawi 1
Neu Es werden unterschiedliche Warenkorbansichten gezeigt JTL-Shop - Fehler und Bugs 2
Neu Inaktive Artikel werden mit 404 Fehler bei Google Search angezeigt Allgemeine Fragen zu JTL-Shop 2
Neu Download-Arikel werden im Backend des Kunden nicht angezeigt JTL-Shop - Fehler und Bugs 1
[JTL-WAWI API] Nettopreise werden nicht gespeichert JTL-Wawi 1.8 0
Neu Amazon Lister übergibt nur das Hauptbild an Amazon, weiter Bilder werden nicht übertragen Amazon-Lister - Fehler und Bugs 0
Neu Artikel werden nicht mehr aktualisiert, wenn sie sich auf Pickliste befinden JTL-Ameise - Fehler und Bugs 1
Neu syntaxfehler report.invoicebilltoaddress.country kann nicht interpretiert werden Druck-/ E-Mail-/ Exportvorlagen in JTL-Wawi 0
Neu webp-Bilder werden nicht mehr generiert JTL-Shop - Fehler und Bugs 0
Neu Artikelbilder werden im Shop verzerrt angezeigt JTL-Shop - Fehler und Bugs 4
Neu Warum werden Filter nach Auswahl in der Sidebar ausgeblendet? Allgemeine Fragen zu JTL-Shop 3
Neu Beim duplizieren von Aufträgen werden alte Daten übernommen Arbeitsabläufe in JTL-Wawi 11
Otto externe Rechnungen werden mit falschem Datum erstellt Otto.de - Anbindung (SCX) 6
Verwiesen an Support TSE Modul wird nicht mehr erkannt, kann auch nicht wieder aktiviert werden, diverse Fehlermeldungen JTL-POS - Fehler und Bugs 1
Neu Easyshipping Amazon-Aufträge werden nicht abgeholt JTL-Wawi - Fehler und Bugs 2
Neu PayPal Checkout - Bestellungen werden nicht übertragen! User helfen Usern - Fragen zu JTL-Wawi 0
Variablen werden nicht mehr in die verschiedenen Vorlagen übertragen JTL-Wawi 1.8 0
Gelöst Preise werden falsch aufsummiert - bzw. nicht mit berechnet Gelöste Themen in diesem Bereich 2
Neu Bilder werden teilweise in verschiedenen Browser falsch dargestellt Gelöste Themen in diesem Bereich 3
Neu Versandkosten im Warenkorb werden als Artikel angezeigt Allgemeine Fragen zu JTL-Shop 6
Neu Artikel werden nicht übertragen Shopify-Connector 0
Neu Der mehrteilige Bezeichner "AlleAttributeMitWerten.Gruppe" konnte nicht gebunden werden JTL-Wawi - Fehler und Bugs 2
Neu Kategorien werden nicht abgeholt Shopware-Connector 0
Neu Es werden keine Variationen angezeigt JTL-Shop - Fehler und Bugs 1
Rechnung werden nicht auf Kaufland hochgeladen kaufland.de - Anbindung (SCX) 0
Neu Geschäftskundenpreise werden auf den Artikelseiten für jeden angezeigt JTL-Wawi - Fehler und Bugs 0
In Bearbeitung Kasse aktualisiert keine Produkte / Verkäufe werden jedoch in WAWI angezeigt JTL-POS - Fehler und Bugs 4
Neu Kategoriebilder werden immer mit großem leeren Platz (wie für das 2.Bild) angezeigt Allgemeine Fragen zu JTL-Shop 6
JTL-WMS und JTL-Packtisch+ Es können nun einzelne Artikel im Versand gewogen werden Arbeitsabläufe in JTL-WMS / JTL-Packtisch+ 0
Neu Woocommerce Upsells und Cross-Sells werden af JTL Shop angezeigt. JTL-Wawi - Fehler und Bugs 0

Ähnliche Themen