Przejdź do głównej zawartości

Pierwsze kroki

  • WordPress 6.5 lub nowszy.
  • Aktywne WooCommerce.
  • PHP 8.1 lub nowszy.
  1. Wgraj wtyczkę do /wp-content/plugins/reel albo zainstaluj przez Wtyczki → Dodaj nową.
  2. Aktywuj ją. WooCommerce musi być aktywne.
  3. Otwórz menu Reel i włącz funkcje, których chcesz używać.
  4. Aby pokazać wideo produktu, ustaw adres wideo w meta produktu _reel_video_url.

Pliki self-hosted (MP4, M4V, WebM, OGV) odtwarzają się natywnym playerem WordPress. Dowolny adres obsługiwany przez oEmbed (YouTube, Vimeo itd.) jest osadzany automatycznie. Wideo siedzi w ramce o stałych proporcjach 16:9, która rezerwuje miejsce przed załadowaniem.

Reel dostarcza jeden mały plik vanilla JavaScript, ładowany w stopce z deferem, tylko na karcie pojedynczego produktu. Lightbox to nakładka fixed startująca jako ukryta, transform zoomu jest przycięty do ramki galerii, a ramka wideo rezerwuje miejsce - więc nie ma Cumulative Layout Shift. 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.

Wersja darmowa pokrywa hover zoom, lightbox i wyróżnione wideo. Reel Pro jest planowany dla spinu 360 stopni, reguł autoplay wideo i mediów lazy z CDN.