Reel
Galeria produktu z zoomem, lightboxem i wideo
Reel rozszerza galerię pojedynczego produktu WooCommerce o trzy rzeczy, których klienci oczekują od nowoczesnego sklepu: hover zoom obrazków, dostępny lightbox pełnoekranowy i wyróżnione wideo produktu (MP4/WebM albo oEmbed jak YouTube czy Vimeo). Wszystko renderowane serwerowo i wzbogacone jednym małym plikiem vanilla JS - bez jQuery i bez przeskoków układu.
Działa z
Zobacz w działaniu
Galeria produktu sprzedaje, gdy działa dobrze
Klient chce przyjrzeć się produktowi z bliska i zobaczyć go w ruchu. Galerie z ciężkim JavaScriptem często przesuwają układ przy otwieraniu podglądu i nie są dostępne z klawiatury.
- ✗ Brak zoomu, więc klient nie widzi detali produktu
- ✗ Galerie z ciężkim JavaScriptem spowalniają kartę produktu
- ✗ Lightbox i wideo, które przesuwają układ przy ładowaniu (CLS)
- ✗ Podgląd niedostępny z klawiatury i czytników ekranu
Reel pokazuje produkt z bliska i w ruchu
- ✓ Hover zoom obrazków galerii z konfigurowalną skalą, przycięty do ramki galerii
- ✓ Dostępny lightbox pełnoekranowy z obsługą klawiatury i zamykaniem Escape lub kliknięciem tła
- ✓ Wyróżnione wideo produktu (self-hosted lub oEmbed) w responsywnej ramce 16:9
- ✓ Render serwerowy plus jeden mały plik vanilla JS w stopce, tylko na karcie produktu
Co dostajesz w wersji darmowej
Wszystko, czego potrzeba, żeby galeria produktu działała szybko i dostępnie.
Hover zoom
Obrazki galerii powiększają się płynnie po najechaniu, z konfigurowalną skalą, przycięte do ramki galerii.
Dostępny lightbox
Klik lub Enter/Spacja otwiera obraz na pełnym ekranie, z pułapką fokusa i zamykaniem Escape lub kliknięciem tła.
Wyróżnione wideo
Wideo per produkt (self-hosted MP4/WebM lub oEmbed) po galerii albo przed podsumowaniem, w ramce 16:9.
Zarezerwowane miejsce
Markup z zarezerwowanym miejscem w całości - brak Cumulative Layout Shift.
Bez jQuery
Jeden mały plik vanilla JS w stopce z deferem, ładowany tylko na karcie produktu.
Włączniki per funkcja
Hover zoom, lightbox i wideo włączasz niezależnie; skala zoomu, pozycja wideo i autoplay w ustawieniach.
Start w trzech krokach
Włączenie zoomu i lightboxa, potem pierwsze wideo na produkcie testowym.
Zainstaluj
Aktywuj Reel obok WooCommerce.
Włącz funkcje
W menu Reel włącz hover zoom, lightbox i wyróżnione wideo - każdą funkcję niezależnie.
Dodaj wideo
Ustaw adres wideo w meta produktu _reel_video_url, żeby pokazać wyróżnione wideo.
Dla jakich sklepów
Gdy karta produktu sprzedaje detalem i ruchem, bez CLS i bez jQuery.
Moda i lifestyle
Hover zoom na tkaninach i detalach, lightbox z klawiatury na mobile.
- ✓ Zoom w ramce
- ✓ Pułapka fokusa
- ✓ Tylko na karcie produktu
Produkty z wideo demo
Wyróżnione wideo MP4 lub YouTube w ramce 16:9 z zarezerwowanym miejscem.
- ✓ oEmbed
- ✓ Pozycja wideo
- ✓ Autoplay w ustawieniach
Sklepy dbające o CWV
Jeden mały skrypt w stopce zamiast ciężkiej galerii przesuwającej układ.
- ✓ Bez CLS
- ✓ Vanilla JS
- ✓ Włączniki per funkcja
Co dodaje PRO i dlaczego to ważne
Osadzenia wideo zewnętrzne
Zakładka Reel w edytorze produktu: URL YouTube, Vimeo lub bezpośredni .mp4/.webm plus opcjonalny tytuł. Render przez silnik mediów free Reel.
Galeria per wariant
Przypisz zestaw obrazów z biblioteki mediów do każdego wariantu. Galeria na froncie przełącza się przy wyborze wariantu i wraca po wyczyszczeniu.
Spin 360 stopni
Sekwencja klatek na zakładce Reel; viewer z przeciąganiem, swipe i klawiszami strzałek, z zarezerwowanym aspect ratio.
Reguły autoplay wideo
Reel → Video Autoplay: bez autoplay na mobile, start po wejściu w viewport i szacunek prefers-reduced-motion, gdy autoplay w FREE jest włączony.
CDN i leniwe media
Reel → CDN Media: przepisywanie URL-i uploadów na CDN oraz opóźnione ładowanie klatek spinu i self-hosted wideo do wejścia w viewport.
Co dostajesz: FREE czy PRO
PRO zachowuje wszystko z wersji darmowej i dodaje poniższe moduły.
Reel vs WooThumbs vs YITH WooCommerce Zoom Magnifier
Jak Reel wypada na tle popularnych wtyczek galerii produktów WooCommerce.
| Reel | WooThumbs | YITH Zoom Magnifier | |
|---|---|---|---|
| Wersja darmowa | Tak | Nie | Tak |
| Powiększenie po najechaniu / lupa | Tak | Tak | Tak |
| Dostępny lightbox | Tak | — | — |
| Wyróżnione wideo produktu | Tak | Tak | — |
| Galeria dla wariantu | Pro | Tak | — |
| Obrót 360 stopni | Pro | — | — |
| Open source (GPLv2) | Tak | Własnościowy | Rdzeń GPL |
| Cena planu płatnego | od €29/rok | ~$79/rok | od €49.99/rok |
Dane i ceny konkurencji według stanu na czerwiec 2026; aktualne ceny sprawdź na stronach producentów.
Potrzebujesz spinu 360 i reguł wideo? Reel PRO
FREE pokrywa hover zoom, lightbox i wyróżnione wideo. PRO dodaje osadzenia YouTube/Vimeo, galerię per wariant, spin 360°, reguły autoplay i CDN lazy media.
- ✓ Osadzenia wideo zewnętrzne, wdrożone w PRO
- ✓ Galeria per wariant, wdrożona w PRO
- ✓ Spin 360°, wdrożony w PRO
- ✓ Reguły autoplay, wdrożone w PRO
- ✓ CDN lazy media, wdrożone w PRO
Wsparcie i zasoby
Każda wtyczka ma własną dokumentację z przewodnikiem konfiguracji. Błędy i pytania trafiają do publicznego repozytorium GitHub danej wtyczki, odpowiadamy otwarcie.
Częste pytania
Czy Reel wymaga WooCommerce?
Tak. Wtyczka działa z produktami WooCommerce.
Jakie źródła wideo są obsługiwane?
Pliki self-hosted (MP4, M4V, WebM, OGV) odtwarzane natywnym playerem WordPress oraz dowolny adres obsługiwany przez oEmbed (YouTube, Vimeo itd.), osadzany automatycznie.
Czy Reel używa jQuery?
Nie. Reel dostarcza jeden mały plik vanilla JavaScript, ładowany w stopce z deferem, tylko na karcie pojedynczego produktu.
Czy Reel przesuwa układ (CLS)?
Nie. Lightbox to nakładka fixed startująca jako ukryta, transform zoomu jest przycięty do ramki galerii, a wideo siedzi w ramce o stałych proporcjach, która rezerwuje miejsce przed załadowaniem.
Czy lightbox jest dostępny?
Tak. Lightbox jest w pełni obsługiwany z klawiatury, ma pułapkę fokusa na kontrolce zamknięcia, przywraca fokus po zamknięciu i zamyka się Escape lub kliknięciem tła.
Czy Reel pasuje do Peek i Marks?
Tak. Peek dodaje szybki podgląd w liście sklepu, a Marks, odznaki na kartach produktów. Reel uzupełnia kartę produktu zoomem, lightboxem i wideo.
Jak Reel wypada na tle WooThumbs i YITH Zoom Magnifier?
Reel, WooThumbs i YITH Zoom Magnifier dodają powiększenie po najechaniu do galerii produktu WooCommerce, ale Reel oferuje wersję darmową z dostępnym lightboxem i wyróżnionym wideo produktu, podczas gdy WooThumbs od Iconic jest dostępny tylko płatnie od około 79 USD/rok. Reel udostępnia galerie dla wariantów i obrót 360 stopni w edycji płatnej od 29 EUR/rok, czyli funkcje, które WooThumbs i YITH pokrywają w swoich produktach premium od około 49,99 EUR/rok. Ceny wg stanu na czerwiec 2026.
Dodaj lepszą galerię produktu
Hover zoom, dostępny lightbox i wyróżnione wideo z zarezerwowanym miejscem. Pełna edycja FREE na GPL.
Zobacz dokumentacjęDarmowa edycja to zoom, lightbox i wideo, PRO pod spin 360 i reguły autoplay.