Przejdź do głównej zawartości
WPPoland Documentation

Reel

Reel rozszerza galerię pojedynczego produktu WooCommerce o trzy rzeczy, których klienci oczekują od nowoczesnego sklepu: hover zoom, dostępny lightbox i wyróżnione wideo produktu.

Dlaczego warto

Dział zatytułowany „Dlaczego warto”

Reel rezerwuje miejsce na zoom, lightbox i wideo, więc karta produktu pozostaje stabilna pod kątem Core Web Vitals. Jeden mały skrypt w stopce zamiast ciężkich rozszerzeń galerii. Darmowa edycja obejmuje zoom, lightbox i wyróżnione wideo na GPL.

Najważniejsze

Dział zatytułowany „Najważniejsze”
  • Hover zoom - obrazki galerii powiększają się płynnie po najechaniu, z konfigurowalną skalą. Transform jest przycięty do ramki galerii, więc nic się nie przesuwa.
  • Dostępny lightbox - klik (lub Enter/Spacja) na obrazku galerii otwiera go na pełnym ekranie. Lightbox jest 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. To nakładka fixed startująca jako ukryta, więc nie kosztuje przeskoku układu.
  • Wyróżnione wideo - wideo per produkt (self-hosted MP4/WebM lub adres oEmbed jak YouTube czy Vimeo), po galerii albo przed podsumowaniem produktu, w responsywnej ramce 16:9, która rezerwuje miejsce.

Wszystko renderuje się serwerowo i jest wzbogacone jednym małym plikiem vanilla JS - bez jQuery, w stopce z deferem. Zasoby ładują się tylko na karcie pojedynczego produktu.

Ustawienia

Dział zatytułowany „Ustawienia”

Menu Reel pozwala niezależnie włączyć hover zoom, lightbox i wyróżnione wideo, ustawić skalę zoomu i pozycję wideo oraz wybrać autoplay. Adres wideo per produkt jest odczytywany z meta produktu _reel_video_url (z opcjonalnym _reel_video_title).

Silniki mediów są dostarczane przez współdzielony pakiet storefront-kit, więc ten sam kod napędza Reel i jego siostrzane wtyczki WPPoland.

Edycje

Dział zatytułowany „Edycje”
  • Darmowa na WordPress.org. Hover zoom, dostępny lightbox i wyróżnione wideo.
  • PRO (planowana) dla spinu 360 stopni, reguł autoplay wideo i mediów lazy z CDN.

Nakładanie się z Polski

Dział zatytułowany „Nakładanie się z Polski”

Polski ma zoom galerii i wyróżnione wideo. Nie instaluj Reel, gdy te moduły są włączone. Zobacz Osobne wtyczki sklepowe a Polski.

Kolejne kroki

Dział zatytułowany „Kolejne kroki”