Neu JTL Shop 5.0 Bilder Aufruf und Lazy loading

karabey

Gut bekanntes Mitglied
28. November 2012
730
20
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
427
148
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
Titel Forum Antworten Datum
Neu JTL Shop 5 WebP Bilder werden nicht erzeugt Betrieb / Pflege von JTL-Shop 0
Neu JTL Shop 5 - "normaler Slider" vs. "Bilder-Slider" im OnPage Composer Allgemeine Fragen zu JTL-Shop 1
Neu Variationen im JTL Shop 5 falsch dargestellt Allgemeine Fragen zu JTL-Shop 2
JTL Shop 5 - Guthaben im Kundenkonto ausblenden Einrichtung JTL-Shop5 2
Neu JTL Shop 5 Kategoriebeschreibung im Megamemü aktivieren Betrieb / Pflege von JTL-Shop 0
Neu JTL Shop - Kundenauswahl Kundengruppe - Übertrag JTL WAWI User helfen Usern - Fragen zu JTL-Wawi 1
Neu E-Mails aus JTL-Shop 5 Allgemeine Fragen zu JTL-Shop 4
Neu Umstellung Prestashop - JTL Shop - Kunden sollen ihre alten Bestellungen sehen können Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop Installation Installation / Updates von JTL-Shop 11
Neu Migration JTL Shop 4 -> 5 // neue Artikeltexte (wegen geändertem Bootstrap CSS) User helfen Usern - Fragen zu JTL-Wawi 1
Neu JTL Shop 4 - Artikel mit Pfand kann nicht in EU verschickt werden Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop 5 PAYPAL Zahlungen nicht korrekt Plugins für JTL-Shop 0
Neu Hilfe für JTL Shop Neuling Allgemeine Fragen zu JTL-Shop 0
Neu E-Mail Benachrichtigung bei neuer JTL Shop Version Installation / Updates von JTL-Shop 0
Neu JTL-Wawi Auftrag in den JTL-Shop hochladen? User helfen Usern - Fragen zu JTL-Wawi 1
Neu Kundenimport in JTL-Shop 5 Umstieg auf JTL-Shop 10
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 Zurückfunktion auf der Detailseite im JTL Shop Allgemeine Fragen zu JTL-Shop 0
Neu 37 - Diese Version von JTL-Shop ist nicht mehr kompatibel. Sie benötigen eine neuere Version. JTL-Shop - Fehler und Bugs 4
Neu Fehlermeldung: "Es sind Steuersätze im Online Shop vorhanden, die keinem Steuersatz in der JTL WaWi zugeordnet werden können" Onlineshop-Anbindung 1
Neu Shopabgleich Fehler "uncaught error call to a member function" Jtl Shop JTL-Wawi - Fehler und Bugs 1
JTL Shop 5 Nova Template out of the box nicht responsiv? Einrichtung JTL-Shop5 2
JTL Shop 5: Warenkorb - Fehler bei Steuer B2B-Kunden? Ausblenden der Versandkosten, wenn 0,00 € möglich? Einrichtung JTL-Shop5 2
Neu Kundenrabatt nachträglich in JTL-Shop 5 importieren Betrieb / Pflege von JTL-Shop 5
Neu JTL Shop 5 Consent Manager - manuelle Einträge Allgemeine Fragen zu JTL-Shop 1
JTL-Shop 5: On Page Composer: Text auf Startseite abhängig von angemeldetem User oder nicht - ist das möglich? Einrichtung JTL-Shop5 1
Neu Biete: JTL Shop Entwickler, Plugins / Templates / Reports / SQL / Apps Dienstleistung, Jobs und Ähnliches 0
Neu PayPal Plus - Bedingungen für die Anzeige im Checkout (JTL Shop 5) Plugins für JTL-Shop 0
JTL Shop 5 ohne Google analitycs Upgrade JTL-Shop4 auf JTL-Shop5 6
Neu REST-API bei JTL-Shop Allgemeine Fragen zu JTL-Shop 5
Neu Produkte verlinken/anbinden aus JTL Shop auf Wordpress Onlineshop-Anbindung 0
Neu Suchfunktion in unserem JTL-Shop findet keine Variationsartikel JTL-Shop - Fehler und Bugs 4
Neu JTL Shop 5 Basic Online Stellen Hosting? Allgemeine Fragen zu JTL-Shop 10
Beantwortet JTL Shop OnPage Composer - Eingefügtes Bild lässt sich nicht mehr bearbeiten Einrichtung JTL-Shop5 2
Neu Vorverkauf JTL shop 5 Allgemeine Fragen zu JTL-Shop 1
Neu Verzweiflung :-( - OSS in unserer JTL Wawi + JTL Shop Einrichten und Anpassung vornehmen. Dienstleistung, Jobs und Ähnliches 1
Neu Ansicht JTL Search unter Shop 5-Evo JTL-Search 0
Neu go-OSS - Die Lösung für JTL-Wawi zum Thema One-Stop-Shop ab dem 01.07. Arbeitsabläufe in JTL-Wawi 0
Neu JTL-PayPal Plugin 1.1.3 für JTL Shop 4 Plugins für JTL-Shop 2
Neu Varianten JTL Shop 5 Allgemeine Fragen zu JTL-Shop 2
Beantwortet gelöst - JTL SHOP 5 Polnische Sprachvariabeln werden im Bestellvorgang nicht geladen JTL-Shop - Fehler und Bugs 0
Neu eBay shop - jtl wadi eBay-Anbindung - Ideen, Lob und Kritik 0
Neu JTL Shop 4 & 5 Plugin " EU Umsatzsteuer " Plugins für JTL-Shop 0
Neu Import von URL-Pfaden fuer den JTL-Shop JTL-Ameise - Ideen, Lob und Kritik 1
Neu JTL Shop 5 - Kategorienschriftgröße und Position in Megamenu ändern Allgemeine Fragen zu JTL-Shop 4
Neu JTL Shop 5 - Merkmalfilter immer ausgeklappt darstellen Allgemeine Fragen zu JTL-Shop 2
JTL SHop 5.0.1 > Batch 5.0.3 ständig Warenkorb ist leer Einrichtung JTL-Shop5 1
Gelöst JTL Hosting Shop 4.06 (B17) / PHP 7,4 / Euer Newsletter Installation / Updates von JTL-Shop 5
Neu [JTL Shop 5] Frage zum Produkt JTL-Shop - Ideen, Lob und Kritik 1

Ähnliche Themen