Przejdź do głównej zawartości

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.

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.

Jak mocno powiększają się obrazy. Ekran ustawień ma kontrolkę na żywo, więc podejrzysz siłę podczas ustawiania.

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.

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.

Własna dostępna etykieta kontrolki otwierającej lightbox, aby technologie wspomagające ogłaszały jasną akcję.

Gdy włączony, lightbox pokazuje tekst alternatywny obrazu jako podpis — przydatne, gdy obrazy galerii mają opisowy tekst alt.

Pokazuje wideo per produkt w obszarze galerii, gdy produkt ma je ustawione.

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.

Czy wideo startuje automatycznie. Pozostaw wyłączone dla plików self-hosted, jeśli wolisz, by klienci sami uruchamiali odtwarzanie.

Domyślny nagłówek nad wideo i opcjonalny akapit wstępny, używane, gdy produkt nie podaje własnych.

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.

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 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.