Neu JTL Shop 5.0 Bilder Aufruf und Lazy loading

  • Temporäre Senkung der Mehrwertsteuer Hier findet ihr gesammelt alle Informationen, Videos und Fragen inkl. Antworten: https://forum.jtl-software.de/threads/mehrwertsteuer-senkung-vom-01-07-31-12-2020-offizieller-diskussionthread-video.129542/

karabey

Gut bekanntes Mitglied
28. November 2012
671
17
Hallo,

Bin leider nicht aktuell über den Inhalt von JTL Shop 5.0 aber auf JTL Shop 4.0 ist es leider alles andere als zukunftsorientiert aufgebaut.
WebP ist vielen bekannt und dann Knoell Marketing gibt es auch ein WebP Plugin der leider aber bedingt erledigt.

Theoretisch wäre der technische Aufbau in der Form ganz passend für die aktuellen Anforderungen allerdings ist es nur mit JPG Bilder möglich.

Code:
<picture>
        <source srcset="{$Artikel->Bilder[0]->cPfadKlein}" type="image/jpeg" media="(max-width: 1200px)">
        <source srcset="{$imgcdn}{$Artikel->Bilder[0]->cPfadNormal}" type="image/jpeg" media="(max-width: 1920px)">
        <source srcset="{$imgcdn}{$Artikel->Bilder[0]->cPfadGross}" type="image/jpeg" media="(max-width: 2400px)">
        <source srcset="{$imgcdn}{$Artikel->Bilder[0]->cPfadKlein}" type="image/jpeg" media="(max-width: 480px)">
        <img src="{$imgcdn}{$Artikel->Bilder[0]->cPfadNormal}" alt="{$alt}" class="img-responsive" />
</picture>
Noch effektiver ist es natürlich mit WebP Type "image/webp" das am Ende leider mit JTL Shop 4.0 nicht funktionieren kann auch wenn ein Plugin existiert.
Der Grund dafür ist das JTL Shop 4.0 die Bilder erst erstellt wenn URL aufgerufen wird. Als man kann es auch nur danach auf WebP konvertieren.

Zusätzlich ist ein Lazy load ein klarer Vorteil für Mobile Geräte bei dem der nicht sichtbarer Teil nur nach einem scrollen geladen wird.
Dazu bin ich am tüfteln mit den https://github.com/verlok/lazyload. Viel versprechend und eventuell ausdehnbar für JTL Shop 5.0

Würde mich auch freuen wenn JTL nach so vielen Jahren auf das Boot aufspringt und den Shop vorantreibt.
 

KnoellMarketing

Offizieller Servicepartner
SPBanner
9. Januar 2018
335
118
Die Punkte oben wären durch Templateanpassungen auch in Shop 4 möglich.
Für das WebP Plugin werden wir in der nächsten Version integrieren "nur umwandeln, aber nicht den Quelltext anpassen".
Dann wäre es in etwa möglich:
Code:
<picture>
        <source srcset="{$imgcdn}{$Artikel->Bilder[0]->cPfadNormal}" type="image/jpeg">
        <source srcset="{$imgcdn}{$Artikel->Bilder[0]->cPfadNormal}.webp" type="image/webp">
        <img src="{$imgcdn}{$Artikel->Bilder[0]->cPfadNormal}" alt="{$alt}" class="img-responsive" />
</picture>
Die Größenanpassungen kann (und sollte) man auch integrieren, aber Achtung: Bitte kein overload produzieren.
Z.B. Wird es bei Thumbnails der Produktgallerie doch nur Mini+Klein geben - und diese Frage nach "möglichen Größen" sollte man sich dann überall stellen, denn sonst wird der Quelltext aufgebläht und ein Shop hat ja bekanntlich viele Stellen mit Bildern.
 
  • Gefällt mir
Reaktionen: karabey
Ähnliche Themen Forum Antworten Erstelldatum des Themas
Neu Bilder im JTL Shop über Wawi aktualisieren Betrieb / Pflege von JTL-Shop 8
Neu Darstellung Bilder JTL Shop 4 Allgemeine Fragen zu JTL-Shop 2
Neu Bilder in der Beschreibung - JTL Shop 5 JTL-Shop - BETA - Feedback und Bugmeldungen 1
Neu App (IOS + Android) für JTL Shop - Erfahrungsbericht. Plugins für JTL-Shop 0
Neu geänderte Kundenadresse bei Bestellung (JTL-Shop > JTL-Wawi) Allgemeine Fragen zu JTL-Shop 0
Offen "Ebay Kategorien" werden zu Woocommerce product_attributes Shop Synchronisation mit JTL WooCommerce-Connector 1
Neu Vorgang.Auftrag.Rechnungskauftext in JTL-Shop Bestellbestätigung Plugins für JTL-Shop 0
Neu Warum drückt sich JTL vor einem eigenen Cookie Hinweis (gratis Plugin) in Shop 4? Allgemeine Fragen zu JTL-Shop 8
Neu JTL Shop 5.x SEO URL JTL-Shop - BETA - Feedback und Bugmeldungen 1
Neu Check vor JTL Shop Update - EVO Template verschwunden - was tun? Installation / Updates von JTL-Shop 1
Gelöst Artikel in WAWI nicht sichtbar, aber im JTL-Shop Gelöste Themen in diesem Bereich 9
Neu Feedback über Templates von JTL Shop JTL-Shop - BETA - Feedback und Bugmeldungen 2
Neu JTL Shop 5 RC2 - Seitebreite dynamisch wegen Kategorien JTL-Shop - BETA - Feedback und Bugmeldungen 3
Neu JTL Shop 5 RC2 - Kategorien nicht anklickbar JTL-Shop - BETA - Feedback und Bugmeldungen 1
Neu JTL Shop 5 RC2 - Statisch komprimieren funktioniert nicht richtig JTL-Shop - BETA - Feedback und Bugmeldungen 1
Neu JTL Shop 5.0 RC2 - Javascript Dateien werden im NOVA Child Template nicht geladen JTL-Shop - Fehler und Bugs 0
Neu OpenResty und JTL-Shop? Allgemeine Fragen zu JTL-Shop 1
Neu Wawi 0.9.9.780 und JTL Shop 4 Allgemeine Fragen zu JTL-Shop 2
Neu JTL Shop 5.0 RC2 Stücklistenartikel wird nicht richtig dargestellt JTL-Shop - Fehler und Bugs 4
Neu JTL Shop 5.0 RC2 - Blocked templates/NOVA/js/app/app.js from asking for credentials because it is a cross-origin request JTL-Shop - Fehler und Bugs 1
Neu JTL Shop 5 Consent Manager Beispiel? Allgemeine Fragen zu JTL-Shop 2
Neu JTL Shop 5 NOVA..... EVO...... Kindartikel JTL-Shop - BETA - Feedback und Bugmeldungen 1
Neu JTL Shop 4 Bild trotz Löschen in der WAWI noch im Shop JTL-Shop - Fehler und Bugs 8
Neu JTL-Shop frisst Unmengen Speicher -4 GB in 6 Tagen Betrieb / Pflege von JTL-Shop 9
Gelöst Kundenrabatt wird nicht im JTL-Shop angezeigt bzw. berechnet Gelöste Themen in diesem Bereich 2
Neu JTL Worker übergeht neue Bestellungen im JTL-Shop, da "cAbgeholt" mit "Y" besetzt ist User helfen Usern - Fragen zu JTL-Wawi 2
Neu Welche Zahlungsdienstleister weder in JTL-Shop 5 angeboten? JTL-Shop - BETA - Feedback und Bugmeldungen 1
Gelöst bei Zahlungen mit Paypal kommen keine Mails mehr vom JTL Shop Gelöste Themen in diesem Bereich 1
Neu Lückenhafte Datenübertragung zum WooCommerce-Shop nach JTL-Update WooCommerce-Connector 2
Neu JTL Shop Merkmale ausklammern Allgemeine Fragen zu JTL-Shop 1
Neu Verlinkungsproblem bei JTL Shop auf der Englischen seite Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop - Deaktivieren der Anzeige "Ähnliche Artikel" Onlineshop-Anbindung 5
Neu Cross selling übertrag von jtl zum woocommerce-shop funktioniert nicht mehr WooCommerce-Connector 4
Neu Anteilige Mehrwertsteuer Berechnung JTL Shop Einrichtung von JTL-Shop 7
Neu [FRAGE] JTL Shop - Upload Modul beim Artikel. Plugins für JTL-Shop 2
Neu Wawi an bestehenden Testshop (JTL-Shop 4 ) anbinden Dienstleistung, Jobs und Ähnliches 5
Neu Servicedesk im JTL Shop einbinden Servicedesk (Beta) 0
Neu Shopauskunft in JTL Shop einfügen Allgemeine Fragen zu JTL-Shop 4
Neu Jtl Shop Inhaberschaft der Website auf Google bestätigen Allgemeine Fragen zu JTL-Shop 7
Neu JTL Shop Systemvoraussetzungen - PHP-SAPI litespeed problemlos möglich? Installation / Updates von JTL-Shop 3
Gelöst JTL-Shop 4.06 - Template-Anpassung Dienstleistung, Jobs und Ähnliches 1
Neu Programmierer für individuelle Erweiterung JTL Shop + JTL WAWI gesucht Dienstleistung, Jobs und Ähnliches 0
Neu Ticket über JTL Shop Kontaktformular Servicedesk (Beta) 4
Neu JTL Shop Video einbinden User helfen Usern - Fragen zu JTL-Wawi 3
In Bearbeitung [SHOP-1678] Checkbox im JTL Shop an Wawi übertragen und im Auftrag als eigenes Feld verwenden Allgemeine Fragen zu JTL-Shop 3
Neu Bitte um Hilfe: Bilddarstellung anpassen in JTL-Shop 4.06 Einrichtung von JTL-Shop 3
Neu JTL Shop ohne Wawi Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop 5 Globale Einstellungen zu Farben und Schriftarten Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop zum Test auf neuen Rechner einrichten User helfen Usern - Fragen zu JTL-Wawi 0
Neu Kauf von JTL Shop 4 (Standard) Umstieg auf JTL-Shop 7
Ähnliche Themen