Produktdetails lassen sich besser einschaetzen, wenn Kunden ein Bild vergroessern koennen, ohne die Seite zu verlassen. Produktbild Zoom ergaenzt die Artikelseite um eine Hover-Lupe sowie eine Klick-Lightbox fuer Produktbilder - ganz ohne externe JavaScript-Bibliothek.
Die Lupe zeigt beim Ueberfahren mit der Maus einen vergroesserten Bildausschnitt mit konfigurierbarem Zoomfaktor. Per Klick, Enter oder Leertaste oeffnet sich eine barrierefreie Lightbox mit Fokus-Falle und Esc-Schliessen; der Fokus kehrt danach zum ausloesenden Element zurueck. Auf Mobilgeraeten wird die Lupe ausgeblendet, Tap oeffnet dort direkt die Lightbox. Das vollstaendige Bild wird erst bei Interaktion geladen, nicht bereits beim Seitenaufbau.
Funktionen im Ueberblick:
- Hover-Lupe mit konfigurierbarem Zoomfaktor (serverseitig begrenzt)
- Barrierefreie Lightbox: role dialog, aria-modal, Fokus-Falle, Esc
- Volles Bild laedt erst bei Interaktion, nicht beim Seitenaufbau
- Lupe auf Mobilgeraeten ausgeblendet, Tap oeffnet die Lightbox
- Keine externe Bibliothek noetig
Das Plugin erkennt Produktbilder ueber gaengige NOVA-CSS-Selektoren; nach groesseren Template-Aktualisierungen empfiehlt sich eine kurze Kontrolle.
Ihre Vorteile
- Bessere Bildbetrachtung direkt auf der Artikelseite ohne Seitenwechsel
- Barrierefrei umgesetzt: Tastaturbedienung, Fokus-Falle, Esc-Schliessen
- Kein externes Skript, keine zusaetzliche Abhaengigkeit im Shop
- Performance-schonend: volles Bild laedt erst bei tatsaechlicher Nutzung
- Automatische Anpassung an Mobilgeraete ohne separate Konfiguration
Key Facts
-
Usability
Verbessert die Bedienbarkeit der Artikelseite, indem Kunden Produktbilder per Hover-Lupe oder barrierefreier Lightbox direkt vergroessern koennen, inklusive Tastaturbedienung, ohne dass eine externe Bibliothek eingebunden werden muss.
-
Lizenz
Standard JTL Plugin License
-
Kompatibel mit JTL-Wawi ab
Keine Abhängigkeit
-
Kompatibel mit JTL-Shop 5 ab
5.0.0 - 5.8.*
Installation & EinrichtungInstallation
- Erweiterung ueber den JTL-Extension Store beziehen bzw. das Plugin-Paket im JTL-Shop-Backend unter Plugins - Plugin-Manager hochladen.
- Im Plugin-Manager unter Vorhanden das Plugin Produktbild Zoom auswaehlen und installieren.
- Nach der Installation erscheint das Plugin unter Installiert - dort aktivieren, falls nicht bereits aktiv.
Einrichtung
- Unter Plugins - Produktbild Zoom - Einstellungen das Plugin aktivieren.
- Zoom-Faktor der Hover-Lupe festlegen (1,5 bis 5).
- Artikelseite im Frontend pruefen: Hover zeigt die Lupe, Klick/Enter/Leertaste oeffnet die Lightbox.
Hinweise
- Auf Mobilgeraeten bis 768px Breite wird die Lupe ausgeblendet, Tap oeffnet direkt die Lightbox.
- Nach Template-Updates kurz pruefen, ob Produktbilder weiterhin ueber die erwarteten CSS-Selektoren gefunden werden.
- Ein groesseres Originalbild ueber ein data-src-large-Attribut wird automatisch als Zoom-Quelle bevorzugt.
NutzungsvoraussetzungenSetzt das NOVA-Template mit ueblicher Produktbild-Struktur voraus. Es werden keine externen Dienste oder API-Keys benoetigt, es werden keine personenbezogenen Daten verarbeitet. Das Plugin erkennt Produktbilder ueber gaengige CSS-Selektoren; bei stark veraendertem Template-Markup kann die Zoom-Funktion ohne Fehlermeldung inaktiv bleiben.
SystemvoraussetzungenJTL-Shop: 5.2.0 oder neuer, NOVA-Template. PHP: 8.1 oder neuer. Datenbank: keine eigenen Tabellen. Sonstiges: keine Cron-Jobs, keine externen Dienste erforderlich.
Externe DokumentationenInstallationKonfiguration
1.1.1 - 10.08.2026- Kompatibel mit JTL-Wawi: Keine Abhängigkeit
- Kompatibel mit JTL-Shop 5:von 5.2.0 - 5.8.*
Fehlerbehebung: Zoom und Lightbox konnten je nach Ladereihenfolge ganz ausbleiben.
- Das Skript prueft die Seitenbereitschaft. Da es mit defer geladen wird, war dieser Zeitpunkt beim ersten Durchlauf oft schon vorbei, und es passierte nichts - ohne jede Meldung.
- Jetzt wird zusaetzlich auf das Bereitschaftsereignis gehoert und kurz nachgefasst.
- Wird kein Produktbild gefunden, nennt ein Hinweis in der Browser-Konsole die erwarteten Selektoren, statt lautlos zu enden.
1.1.0 - 15.07.2026- Kompatibel mit JTL-Wawi: Keine Abhängigkeit
- Kompatibel mit JTL-Shop 5:von 5.0.0 - 5.7.2
Update auf Version 1.1.0
1.0.1 - 10.07.2026- Kompatibel mit JTL-Wawi: Keine Abhängigkeit
- Kompatibel mit JTL-Shop 5:von 5.2.0 - 5.7.1
- Kompatibel mit PHP:von 8.1
- Neuveröffentlichung als kostenloses Plugin (webpowers_image_zoom)
- Hover-Zoom und barrierefreie Lightbox fuer Produktbilder
Log History
-
1.1.110.08.2026
-
1.1.015.07.2026
-
1.0.110.07.2026
