Neu JTL Shop 5.0 Bilder Aufruf und Lazy loading

karabey

Gut bekanntes Mitglied
28. November 2012
748
21
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
428
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 1
Neu JTL Shop 5 - "normaler Slider" vs. "Bilder-Slider" im OnPage Composer Allgemeine Fragen zu JTL-Shop 1
In Diskussion JTL Worker läuft, arbeitet jedoch Shop oder amazon Bestellungen nicht ab. JTL-Workflows - Fehler und Bugs 7
Newsletter JTL Shop 5 - Kundengruppen Einrichtung JTL-Shop5 0
Neu Übersetzungsplugin für JTL Shop 5 Plugins für JTL-Shop 3
Neu PayOne für JTL-Shop 5 Plugins für JTL-Shop 0
Webinar - Verbesserte Usability mit dem easyTemplate360 für JTL-Shop 5 Messen, Stammtische und interessante Events 0
Neu JTL 5 Shop Teilweise extrem lange Ladezeiten JTL-Shop - Fehler und Bugs 0
Neu JTL Shop 5 - Eigene Inhalte: Weiterleitungsschleife JTL-Shop - Fehler und Bugs 0
Neu Bei JTL SHOP5 Installation - Keine config.JTL-Shop.ini.php gefunden / 500 - Internal Server Error Installation / Updates von JTL-Shop 3
Neu JTL-Shop Entwickler als Freelancer Dienstleistung, Jobs und Ähnliches 1
Neu Einstellung JTL Shop für google bei verkauften Artikeln Allgemeine Fragen zu JTL-Shop 5
Gelöst Artikelbilder in Großansicht ohne Navigationsbuttons im JTL-Shop JTL-Wawi - Fehler und Bugs 2
Neu komplette Variablenliste für Exportformate in JTL Shop 5 Betrieb / Pflege von JTL-Shop 1
Neu JTL Shop 5 - Anpassung Nova Child Theme - Benachrichtigungsfunktion Dienstleistung, Jobs und Ähnliches 0
Neu Shopware 6 Connector - Über die JTL-Wawi Funktionsattribute die Shop-Funktionen steuern Shopware-Connector 0
Neu JTL-Shop-Attribute bei Gambio-Artikeln Gambio-Connector 2
Neu JTL Shop 5 Systemvoraussetzung Wawi 1.6 Installation / Updates von JTL-Shop 2
Neu [Shopware 6] Erstelltes Menu im JTL-Wawi kann im Shop keinem Layout zugewiesen und gespeichert werden Shopware-Connector 5
Neu JTL SHOP 5 Newsletter versenden scheitert Allgemeine Fragen zu JTL-Shop 5
Neu 💙 Neues Plugin: Warenkorb-Button Plus (für JTL-Shop 4 und JTL-Shop 5) Plugins für JTL-Shop 2
Neu 💙 Neues Plugin: Payment & Shipping Icons Plus (für JTL-Shop 4 und JTL-Shop 5) Plugins für JTL-Shop 0
Neu JTL Shop 5 Kritik! Konfigurator immer noch nicht überarbeitet! JTL-Shop - Ideen, Lob und Kritik 7
Neu Backup Plugin schon JTL-Shop 5 ready? Plugins für JTL-Shop 0
Neu seit JTL Shop 5 sind die Seitenladezeiten zu lang JTL-Shop - Fehler und Bugs 3
Neu Gibt es die Möglichkeit die Lieferzeit im JTL Shop 5 auszublenden? Betrieb / Pflege von JTL-Shop 4
Neu Download JTL Shop 5.1 als Community Free Version noch nicht möglich? Installation / Updates von JTL-Shop 8
Neu AUsgezeichnet.org und JTL Shop 5 Allgemeine Fragen zu JTL-Shop 0
Neu Adressen - JTL Shop 5 JTL-Shop - Ideen, Lob und Kritik 2
Neu JTL Shop 5.1 mit PHP8.0 ohne Ioncube support Installation / Updates von JTL-Shop 2
Neu Falsche Artikelbilder im JTL Shop in Verbindung mit der WaWi Allgemeine Fragen zu JTL-Shop 0
Neu Falsche Artikelbilder im JTL Shop in Verbindung mit der WaWi User helfen Usern - Fragen zu JTL-Wawi 3
Neu JTL 5 Shop -> Slick Slider auf der Startseite im Nova Template verändern Templates für JTL-Shop 2
Neu Auswahlassistent nicht sichtbar (JTL Shop 5.03) Plugins für JTL-Shop 0
JTL-Shop 5: Nach Kaufabschluss Button "Weiter einkaufen" => Möglichkeit andere Seite als Startseite zu verlinken? Einrichtung JTL-Shop5 1
Neu JTL-Shop 5.1.1 - Import der Postleitzahlen funktioniert nicht, was muß man tun? JTL-Shop - Fehler und Bugs 1
Neu JTL Shop 5 Preisfarbe und individuelle Anpassung von der "footnote-reference" Allgemeine Fragen zu JTL-Shop 0
Neu JTL SHOP 5.0.1 / NOVA-Template UVP/Rabattanzeige Artikelübersichten Allgemeine Fragen zu JTL-Shop 5
Neu JTL Shop 5 gekauft Variationen sind nicht anwählbar JTL-Shop - Fehler und Bugs 9
Neu Zahlungs & Versandarten JTL Shop 5.0.3 & JTL WAWI 1.5.47.4 Onlineshop-Anbindung 1
Neu JTL Shop Englische Version Checkout weiterleitung Allgemeine Fragen zu JTL-Shop 0
Neu Online-Shop über Jtl User helfen Usern - Fragen zu JTL-Wawi 5
Neu JTL Shop 5 Nivo Slider verkleinern Allgemeine Fragen zu JTL-Shop 0
JTL-Shop 5-0-3 - Netzwerkfehler - URL install.php?task=dircheck nicht erreichbar. Einrichtung JTL-Shop5 1
Neu (!) JTL Shop 5 Fehler "Struktur-Migration" Installation / Updates von JTL-Shop 3
Neu JTL-Shop 5 falscher Liefertatus aus WAWI JTL-Wawi - Fehler und Bugs 3
Neu Logo vergrößern JTL 5 Shop Allgemeine Fragen zu JTL-Shop 17
Neu JTL Lager Ausland MwSt. Satz / BUG? bei Bestellung aus Shop JTL-Wawi - Fehler und Bugs 1
Neu Woocomerce Shop Ablgeich Fehler JTL-Plugin : CustomerTrait.php:68 WooCommerce-Connector 1
Neu Kritisch: JTL Shop 5.1 Bugs: Template: blackline, Demo-Dateien, Composer und co. JTL-Shop - Fehler und Bugs 22

Ähnliche Themen