Reel
Eine Produktgalerie mit Zoom, Lightbox und Video
Reel erweitert die einzelne WooCommerce-Produktgalerie um drei Dinge, die Kundinnen und Kunden von einem modernen Shop erwarten: Hover-Zoom auf Galeriebildern, eine barrierefreie Vollbild-Lightbox und ein hervorgehobenes Produktvideo (MP4/WebM oder eine oEmbed-URL wie YouTube oder Vimeo). Alles wird serverseitig gerendert und durch eine einzige kleine Vanilla-JS-Datei ergänzt: kein jQuery und kein Layout-Sprung.
Funktioniert mit
Sehen Sie es in Aktion
Eine Produktgalerie verkauft, wenn sie gut funktioniert
Kundinnen und Kunden möchten ein Produkt aus der Nähe betrachten und es in Bewegung sehen. Galerien mit viel JavaScript verschieben beim Öffnen einer Vorschau oft das Layout und sind nicht per Tastatur bedienbar.
- ✗ Kein Zoom, sodass Kundinnen und Kunden Produktdetails nicht erkennen
- ✗ Galerien mit viel JavaScript verlangsamen die Produktseite
- ✗ Lightbox und Video, die das Layout während des Ladens verschieben (CLS)
- ✗ Eine Vorschau, die nicht per Tastatur oder Screenreader zugänglich ist
Reel zeigt das Produkt aus der Nähe und in Bewegung
- ✓ Hover-Zoom auf Galeriebildern mit konfigurierbarem Faktor, auf den Galerierahmen begrenzt
- ✓ Eine barrierefreie Vollbild-Lightbox mit Tastaturunterstützung, schließbar per Escape oder Klick auf den Hintergrund
- ✓ Ein hervorgehobenes Produktvideo (selbst gehostet oder oEmbed) in einem responsiven 16:9-Rahmen
- ✓ Serverseitiges Rendering plus eine kleine Vanilla-JS-Datei im Footer, nur auf der Produktseite
Das bietet Ihnen die kostenlose Version
Alles, was Sie brauchen, um die Produktgalerie schnell und barrierefrei zu machen.
Hover-Zoom
Galeriebilder werden beim Überfahren sanft vergrößert, mit konfigurierbarem Faktor und auf den Galerierahmen begrenzt.
Barrierefreie Lightbox
Klicken oder Enter/Leertaste drücken, um ein Bild im Vollbild zu öffnen, mit Fokusfalle und Schließen per Escape oder Klick auf den Hintergrund.
Hervorgehobenes Video
Ein Video pro Produkt (selbst gehostet als MP4/WebM oder oEmbed) nach der Galerie oder vor der Zusammenfassung, in einem 16:9-Rahmen.
Reservierter Platz
Durchgängiges Markup mit reserviertem Platz: kein Cumulative Layout Shift.
Kein jQuery
Eine einzige kleine Vanilla-JS-Datei im Footer, verzögert geladen und nur auf der Produktseite.
Funktionsschalter pro Funktion
Aktivieren Sie Hover-Zoom, Lightbox und Video unabhängig voneinander; legen Sie Zoomfaktor, Videoposition und Autoplay in den Einstellungen fest.
In drei Schritten einsatzbereit
Aktivieren Sie Zoom und Lightbox und fügen Sie dann ein Video an einem Testprodukt hinzu.
Installieren
Aktivieren Sie Reel zusammen mit WooCommerce.
Funktionen aktivieren
Aktivieren Sie im Reel-Menü Hover-Zoom, die Lightbox und das hervorgehobene Video, jeweils unabhängig voneinander.
Ein Video hinzufügen
Legen Sie die Video-URL im Meta-Feld _reel_video_url des Produkts fest, um ein hervorgehobenes Video anzuzeigen.
Für wen es gedacht ist
Wenn die Produktseite über Details und Bewegung verkauft, ohne CLS oder jQuery.
Mode und Lifestyle
Hover-Zoom auf Stoffen und Details, eine tastaturfreundliche Lightbox auf dem Smartphone.
- ✓ Zoom auf den Rahmen begrenzt
- ✓ Fokusfalle
- ✓ Nur Produktseite
Produkte mit Demovideo
Ein hervorgehobenes MP4- oder YouTube-Video in einem 16:9-Rahmen mit reserviertem Platz.
- ✓ oEmbed
- ✓ Videoposition
- ✓ Autoplay in den Einstellungen
Shops, denen CWV wichtig ist
Ein kleines Footer-Skript statt einer schweren Galerie, die das Layout verschiebt.
- ✓ Kein CLS
- ✓ Vanilla JS
- ✓ Funktionsschalter pro Funktion
Was PRO ergänzt, und warum es zählt
Externe Video-Einbettungen
Reel-Tab im Produkteditor: YouTube, Vimeo oder direkte .mp4/.webm-URL plus optionaler Titel. Wiedergabe ueber die Medien-Engine des kostenlosen Plugins Reel.
Galerie je Variante
Weisen Sie jeder Variante Galeriebilder aus der Mediathek zu. Die Galerie im Shop wechselt bei Auswahl einer Variante und stellt sich beim Zuruecksetzen wieder her.
360-Grad-Drehansicht
Sortierte Drehbilder im Reel-Tab; Viewer mit Ziehen, Wischen und Tastatursteuerung mit reserviertem Seitenverhaeltnis ueber der Galerie.
Autoplay-Regeln fuer Videos
Reel → Video-Autoplay: Autoplay auf Mobilgeraeten ueberspringen, nur im sichtbaren Bereich abspielen und prefers-reduced-motion beachten, wenn FREE-Autoplay aktiv ist.
CDN & Lazy-Loading
Reel → CDN-Medien: Upload-URLs auf einen CDN-Ursprung umschreiben und das Vorladen von Drehbildern sowie selbst gehostete Videos bis zur Sichtbarkeit aufschieben.
Was du bekommst: FREE oder PRO
PRO behält alles aus dem kostenlosen Plugin und ergänzt die Module unten.
Reel vs WooThumbs vs YITH WooCommerce Zoom Magnifier
Wie Reel im Vergleich zu den beliebten WooCommerce-Plugins für Produktgalerien abschneidet.
| Reel | WooThumbs | YITH Zoom Magnifier | |
|---|---|---|---|
| Kostenlose Version | Ja | Nein | Ja |
| Hover-Zoom / Lupe | Ja | Ja | Ja |
| Barrierefreie Lightbox | Ja | — | — |
| Hervorgehobenes Produktvideo | Ja | Ja | — |
| Galerie pro Variation | Pro | Ja | — |
| 360-Grad-Drehung | Pro | — | — |
| Open Source (GPLv2) | Ja | Proprietär | GPL-Kern |
| Preis des kostenpflichtigen Plans | ab €29/Jahr | ~$79/Jahr | ab €49.99/Jahr |
Wettbewerberdaten und Preise Stand Juni 2026; aktuelle Preise auf den Websites der Anbieter prüfen.
Sie brauchen 360-Grad-Drehung und Videoregeln? Reel PRO
FREE umfasst Hover-Zoom, die Lightbox und ein hervorgehobenes Video. PRO ergänzt YouTube-/Vimeo-Einbettungen, Galerien pro Variante, 360°-Drehung, Autoplay-Regeln und CDN-Lazy-Media.
- ✓ Externe Video-Einbettungen, enthalten in PRO
- ✓ Galerie pro Variante, enthalten in PRO
- ✓ 360°-Drehung, enthalten in PRO
- ✓ Autoplay-Regeln, enthalten in PRO
- ✓ CDN-Lazy-Media, enthalten in PRO
Support und Ressourcen
Jedes Plugin hat eine eigene Dokumentation mit Einrichtungsanleitungen. Fehler und Fragen gehen in das öffentliche GitHub-Repository des jeweiligen Plugins, wir antworten offen.
Häufig gestellte Fragen
Wird WooCommerce benötigt?
Ja. Das Plugin funktioniert mit WooCommerce-Produkten.
Welche Videoquellen werden unterstützt?
Selbst gehostete Dateien (MP4, M4V, WebM, OGV), abgespielt mit dem nativen Videoplayer von WordPress, sowie jede per oEmbed unterstützte URL (YouTube, Vimeo usw.), die automatisch eingebettet wird.
Verwendet es jQuery?
Nein. Reel liefert eine einzige kleine Vanilla-JavaScript-Datei, verzögert geladen und im Footer, nur auf der einzelnen Produktseite.
Verursacht es einen Layout-Sprung (CLS)?
Nein. Die Lightbox ist ein festes Overlay, das anfangs ausgeblendet ist, die Zoom-Transformation ist auf den Galerierahmen begrenzt, und das Video sitzt in einem Rahmen mit festem Seitenverhältnis, der seinen Platz schon vor dem Laden reserviert.
Ist die Lightbox barrierefrei?
Ja. Die Lightbox ist vollständig per Tastatur bedienbar, hält den Fokus auf ihrem Schließen-Element, stellt den Fokus beim Schließen wieder her und lässt sich per Escape oder Klick auf den Hintergrund schließen.
Passt Reel zu Peek und Marks?
Ja. Peek ergänzt die Shop-Listen um eine Schnellansicht; Marks fügt CSS-Badges auf Produktkarten hinzu. Reel vervollständigt die Produktseite mit Zoom, Lightbox und hervorgehobenem Video.
Wie schneidet Reel im Vergleich zu WooThumbs und YITH Zoom Magnifier ab?
Reel, WooThumbs und YITH Zoom Magnifier fügen der WooCommerce-Produktgalerie alle einen Hover-Zoom hinzu, aber Reel bietet eine kostenlose Version mit einer barrierefreien Lightbox und einem hervorgehobenen Produktvideo, während WooThumbs von Iconic nur kostenpflichtig ab etwa 79 $/Jahr ist. Reel sperrt Galerien pro Variation und die 360-Grad-Drehung in seiner kostenpflichtigen Edition ab 29 €/Jahr, Funktionen, die WooThumbs und YITH in ihren Premium-Produkten ab etwa 49,99 €/Jahr abdecken. Preise Stand Juni 2026.
Fügen Sie eine bessere Produktgalerie hinzu
Hover-Zoom, eine barrierefreie Lightbox und ein hervorgehobenes Video mit reserviertem Platz. Die vollständige FREE-Edition unter GPL.
Dokumentation lesenFREE umfasst Zoom, Lightbox und Video, PRO ergänzt 360-Grad-Drehung und Autoplay-Regeln.