🔍Hover-Zoom & Lightbox
Hover-Lupe mit konfigurierbarem Zoomfaktor und barrierefreie Lightbox auf der Artikelseite.
✓ 1-Klick-Installation im Store · ✓ Eigener JTL-Partner-Support · ✓ DSGVO-konform
Das ist dabei:
- 1-Klick-Installation über den JTL-Extension-Store
- Ausführliche Doku (Installation & Konfiguration)
- Support per E-Mail als offizieller JTL-Partner
- Kostenlos – keine Abokosten, keine versteckten Gebühren
- JTL-Shop 5 kompatibel, DSGVO-konform umgesetzt
Wofür ist Bild-Zoom?
Zeigt beim Bewegen der Maus über ein Produktbild eine Hover-Lupe mit konfigurierbarem Zoomfaktor (1,5 bis 5) und öffnet per Klick eine barrierefreie Lightbox. Die Lightbox ist per Tastatur bedienbar, hält den Fokus mit einer Fokus-Falle im Dialog und schließt sich mit Esc. Auf Mobilgeräten entfällt die Hover-Lupe automatisch, ein Tap öffnet die Lightbox direkt – das hochauflösende Vollbild wird dabei erst bei Interaktion nachgeladen.
Funktionsumfang
Hover-Lupe mit konfigurierbarem Zoomfaktor
Zoomfaktor 1,5 bis 5 einstellbar, serverseitig auf diesen Bereich begrenzt.
Barrierefreie Lightbox
Per Tab erreichbar, Enter oder Leertaste öffnen sie, eine Fokus-Falle hält den Tastaturfokus im Dialog, Esc schließt und gibt den Fokus zurück.
Mobile Optimierung
Auf Bildschirmen ≤768px wird die Hover-Lupe ausgeblendet, ein Tap auf das Produktbild öffnet direkt die Lightbox.
Lazy-Loading des Vollbilds
Das hochauflösende Bild wird erst beim Hover bzw. beim Öffnen der Lightbox nachgeladen, nicht beim Seitenaufbau.
Automatische Bilderkennung
Erkennt Produktbilder über gängige CSS-Selektoren des NOVA-Templates und nutzt ein data-src-large-Attribut, falls vorhanden.
Keine Kollision mit bestehenden Bild-Links
Ist ein Produktbild bereits verlinkt, unterbindet das Plugin beim Klick das Standardverhalten, damit nicht zwei Lightboxen gleichzeitig öffnen.
Typische Einsatzgebiete
Produktdetails hochauflösend zeigen
Kunden können Materialstruktur und Details vergrößern, ohne dass die Seite dadurch langsamer lädt.
Barrierefreier Shop
Tastatur- und Screenreader-Nutzer können die Lightbox vollständig ohne Maus bedienen.
Mobile Shopping
Ein einfacher Tap öffnet die Lightbox auf dem Smartphone, ohne auf eine nicht vorhandene Hover-Lupe angewiesen zu sein.
Technische Details
- JTL-Shop 5.2.0 oder neuer, NOVA-Template
- PHP 8.1 oder neuer
- Keine eigenen Datenbanktabellen – reines CSS/JS mit Einstellungen
- Zoomfaktor serverseitig auf einen Bereich von 1,5 bis 5 begrenzt
- Mobiler Breakpoint bei ≤768px
Häufige Fragen
Wie erkennt das Plugin die Produktbilder?▼
Über gängige CSS-Selektoren des NOVA-Templates, unter anderem .product-detail img.product-image, .produktdetails .image img und .product-gallery img. Ist ein größeres Originalbild über data-src-large verfügbar, wird dieses für den Zoom verwendet, andernfalls das angezeigte Bild.
Was passiert bei einem Template-Update?▼
Ändert ein NOVA-Template-Update die Bildmarkup-Struktur grundlegend, kann das Skript die Bilder nicht mehr zuordnen. Das führt zu keinem Fehler, aber zu keinem Zoom mehr – prüfen Sie nach größeren Updates kurz, ob Hover-Lupe und Lightbox noch funktionieren.
Kollidiert das Plugin mit vorhandenen Bild-Links?▼
Ist ein Produktbild bereits eigens verlinkt, etwa in einer Galerie-eigenen Lightbox, unterbindet das Plugin beim Klick das Standardverhalten dieses Links, damit nicht zwei Lightboxen gleichzeitig öffnen.
Was passiert bei der Deinstallation?▼
Das Plugin legt keine eigenen Datenbanktabellen an – beim Deinstallieren werden lediglich die Plugin-Einstellungen entfernt.
Bereit für Bild-Zoom?
Kostenfrei im JTL-Extension-Store — 1-Klick-Installation, keine Abokosten.
Weitere Plugins
Mehrspaltiges Mega-Menü
Erweitert die vorhandene NOVA-Hauptnavigation um ein mehrspaltiges CSS-Grid-Layout.
Produkt-Tabs
Fasst Beschreibung, Funktionsattribute und Downloads in barrierefreien Tabs zusammen.
Zuletzt angesehen
Zeigt zuletzt angesehene Artikel als Widget auf Produkt-, Kategorie- und Warenkorbseite.