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
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
Potrzebujesz spinu 360 i reguł wideo? Reel PRO
FREE pokrywa hover zoom, lightbox i wyróżnione wideo. PRO dodaje osadzenia YouTube/Vimeo i galerię per wariant; spin 360, autoplay i CDN są planowane.
- ✓ Osadzenia wideo zewnętrzne — wdrożone w PRO
- ✓ Galeria per wariant — wdrożona w PRO
- ✓ Spin 360, reguły autoplay i media z CDN (planowane)
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.
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.