Konfiguracja
Reel konfigurujesz w menu Reel na górze panelu. Każda z trzech funkcji galerii — hover zoom, lightbox i wyróżnione wideo — ma własny przełącznik i własne opcje, więc możesz uruchomić dowolną kombinację. Dane wideo per produkt znajdują się na samym produkcie.
Hover zoom
Dział zatytułowany „Hover zoom”Włącz hover zoom
Dział zatytułowany „Włącz hover zoom”Przełącznik powiększania galerii na karcie produktu. Gdy włączony, obrazy galerii powiększają się po najechaniu; transform jest przycięty do ramki galerii, więc nic wokół się nie przesuwa.
Siła zoomu
Dział zatytułowany „Siła zoomu”Jak mocno powiększają się obrazy. Ekran ustawień ma kontrolkę na żywo, więc podejrzysz siłę podczas ustawiania.
Pomiń hover zoom na urządzeniach dotykowych
Dział zatytułowany „Pomiń hover zoom na urządzeniach dotykowych”Najechanie jest zawodne na ekranach dotykowych, więc możesz wyłączyć tam zoom, zachowując go na desktopie, gdzie wskaźnik czyni go użytecznym.
Lightbox
Dział zatytułowany „Lightbox”Włącz lightbox
Dział zatytułowany „Włącz lightbox”Pozwala klientom kliknąć — lub nacisnąć Enter/Spację — na dowolnym obrazie galerii, by otworzyć go na pełnym ekranie. Lightbox to nakładka fixed startująca jako ukryta, więc nie dodaje przeskoku układu.
Etykieta otwarcia w lightboxie
Dział zatytułowany „Etykieta otwarcia w lightboxie”Własna dostępna etykieta kontrolki otwierającej lightbox, aby technologie wspomagające ogłaszały jasną akcję.
Podpis z tekstu alternatywnego
Dział zatytułowany „Podpis z tekstu alternatywnego”Gdy włączony, lightbox pokazuje tekst alternatywny obrazu jako podpis — przydatne, gdy obrazy galerii mają opisowy tekst alt.
Wyróżnione wideo
Dział zatytułowany „Wyróżnione wideo”Włącz wyróżnione wideo
Dział zatytułowany „Włącz wyróżnione wideo”Pokazuje wideo per produkt w obszarze galerii, gdy produkt ma je ustawione.
Pozycja wideo
Dział zatytułowany „Pozycja wideo”Gdzie wideo siedzi względem galerii:
- Po galerii — pod galerią obrazów.
- Przed podsumowaniem produktu — nad kolumną podsumowania.
W obu przypadkach wideo siedzi w responsywnej ramce 16:9, która rezerwuje miejsce, więc układ nie skacze podczas ładowania.
Autoplay
Dział zatytułowany „Autoplay”Czy wideo startuje automatycznie. Pozostaw wyłączone dla plików self-hosted, jeśli wolisz, by klienci sami uruchamiali odtwarzanie.
Domyślny nagłówek i wstęp
Dział zatytułowany „Domyślny nagłówek i wstęp”Domyślny nagłówek nad wideo i opcjonalny akapit wstępny, używane, gdy produkt nie podaje własnych.
Wideo per produkt
Dział zatytułowany „Wideo per produkt”Samo wideo ustawiasz na produkcie, nie w ustawieniach globalnych:
_reel_video_url— adres wideo. Pliki self-hosted (MP4, M4V, WebM, OGV) odtwarzają się natywnym playerem WordPress; dowolny adres oEmbed (YouTube, Vimeo i podobne) jest osadzany automatycznie._reel_video_title— opcjonalny nagłówek wideo per produkt, nadpisujący domyślny.
Umieszczanie wideo gdzie indziej
Dział zatytułowany „Umieszczanie wideo gdzie indziej”Jeśli chcesz wideo poza obszarem galerii, użyj shortcode’u [reel_video] lub bloku Reel: Featured video. Oba renderują wideo bieżącego produktu w tej samej ramce rezerwującej miejsce, bez CLS.
Stylowanie i dostępność
Dział zatytułowany „Stylowanie i dostępność”Stylowanie sklepu opiera się na przemotywowalnych zmiennych CSS z płynnym skalowaniem, obsługą trybu ciemnego i zabezpieczeniami reduced-motion, więc możesz przemotywować Reel z arkusza bez nadpisywania znaczników. Style fokusu, nazwany dialog lightboxa i pełna obsługa klawiatury są wbudowane i nie wymagają konfiguracji. Usunięcie wtyczki usuwa jej opcje.