Plogins Reel – Powiększanie i film galerii produktów dla WooCommerce

Opis

Reel ulepsza galerię pojedynczego produktu WooCommerce o powiększenie obrazka produktu, dostępny lightbox galerii i wyróżniony film produktu:

  • Powiększanie przy najechaniu. Obrazki galerii powiększają się po najechaniu myszką w skali powiększenia, którą ustawisz (od 1.0× do 3.0×). Transformacja jest przycinana do ramki galerii, więc reszta strony pozostaje na swoim miejscu.
  • Dostępna nakładka lightbox. Kliknij lub naciśnij Enter/Spację na dowolnym obrazku galerii, aby otworzyć go na pełnym ekranie. Nakładka lightbox jest obsługiwana klawiaturą: Tab pozostaje na przycisku zamknięcia, więc fokus nie może uciec za nakładkę, Escape zamyka ją, a fokus wraca do obrazka, który został otwarty. Jest to stała nakładka, która początkowo jest ukryta, więc nie rezerwuje miejsca, dopóki nie zostanie użyta.
  • Wyróżniony film. Wyświetl film dla każdego produktu, plik MP4/WebM hostowany samodzielnie lub adres URL YouTube/Vimeo (oEmbed), po galerii lub przed podsumowaniem produktu.
    Film znajduje się w ramce 16:9 o rozmiarze ustawionym za pomocą aspect-ratio, więc jego miejsce jest zarezerwowane, zanim się załaduje.

Kod HTML jest zbudowany w PHP i progresywnie ulepszany przez jeden plik vanilla-JavaScript
(bez jQuery), odroczony i ładowany w stopce. Skrypty i style są ładowane tylko
na stronie pojedynczego produktu.

Ustawienia znajdują się w menu administracyjnym najwyższego poziomu Reel. Każda z trzech funkcji
ma swój własny przełącznik włącz/wyłącz; możesz również ustawić skalę powiększenia i pominąć ją na urządzeniach
dotykowych, wyświetlić podpis z tekstem alternatywnym w lightboxie, zmienić etykietę kontrolki otwierania obrazka
dla czytników ekranu oraz wybrać pozycję filmu, autoodtwarzanie, nagłówek i tekst
wstępny. Adres URL filmu dla każdego produktu jest ustawiany na zakładce Reel w edytorze produktu,
z opcjonalnym nagłówkiem dla tego produktu.

Aby umieścić film w innym miejscu niż obszar galerii, wstaw [reel_video]
shortcode (przyjmuje atrybuty id i title) do dowolnej treści produktu. Renderuje
obecny film produktu w tej samej ramce 16:9.

Kod źródłowy i śledzenie problemów: https://github.com/wppoland/plogins-reel, wtyczka jest
rozwijana otwarcie, więc zgłoszenia błędów i żądania pull są tam mile widziane.

Dokumentacja i odnośniki

  • Dokumentacja – https://plogins.com/reel/docs/
  • Strona wtyczki – https://plogins.com/reel/
  • Kod źródłowy – https://github.com/wppoland/plogins-reel
  • Zgłoszenia błędów i prośby o nowe funkcje – https://github.com/wppoland/plogins-reel/issues

Funkcje

  • Powiększanie obrazka galerii przy najechaniu z konfigurowalną skalą.
  • Dostępna, obsługiwana klawiaturą pełnoekranowa nakładka lightbox (zamknięcie klawiszem Escape / kliknięciem tła).
  • Wyróżniony film produktu (hostowany samodzielnie lub oEmbed) z wybieralną pozycją.
  • [reel_video] shortcode do umieszczenia filmu w dowolnym miejscu.
  • Opcjonalny podpis nakładki lightbox z tekstu alternatywnego obrazka.
  • Pomiń powiększanie przy najechaniu na urządzeniach dotykowych (gdzie najechanie jest zawodne).
  • Własna dostępna etykieta dla kontrolki otwierającej w nakładce lightbox.
  • Domyślny nagłówek filmu i opcjonalny akapit wprowadzający.
  • Znacznik rezerwujący miejsce w całym kodzie, aby uniknąć skumulowanego przesunięcia układu.
  • Bez jQuery; jeden odroczony skrypt w stopce ładowany tylko na stronach produktów.
  • Niezależny przełącznik włącz/wyłącz dla każdej funkcji.
  • Odnośnik „Ustawienia” na liście wtyczek; czysta deinstalacja usuwa opcje wtyczki.
  • Gotowy do tłumaczenia: dołączony szablon .pot plus polskie (pl_PL) tłumaczenie.
  • Zgodny z HPOS i blokami koszyka/kasy.

Plogins Reel PRO

Darmowa edycja ulepsza galerię WooCommerce: powiększenie, lightbox i samodzielnie hostowany film. Plogins Reel PRO dodaje bogatsze funkcje wideo i media dla każdej wariacji:

  • Galeria dla każdej wariacji – odrębny zestaw obrazków i filmów, który zmienia się, gdy kupujący wybierze wariację
  • Zasady autoodtwarzania filmów – kontroluj, kiedy i jak filmy produktów są autoodtwarzane

Wszystko w darmowej edycji pozostaje darmowe i otwarte. Plogins Reel PRO zaczyna się od 19 EUR rocznie (PLN widoczne przy kasie).

Porównaj edycje i ceny: https://plogins.com/plogins-reel-pro/pricing/

Usługi zewnętrzne

Reel nie wykonuje własnych wywołań API ani żądań analitycznych; funkcje powiększania, lightboxa i samodzielnie hostowanego filmu działają w całości na twojej witrynie, a jedyne dane, które Reel przechowuje, to opcje reel_settings i reel_db_version oraz meta _reel_video_url i _reel_video_title każdego produktu.

Jedynym wyjątkiem jest sytuacja, gdy ustawisz adres URL filmu produktu na odnośnik YouTube, Vimeo lub inny odnośnik oEmbed. W takim przypadku własna funkcja wp_oembed_get() kodu samego WordPressa pobiera kod osadzenia od tego dostawcy, wysyłając adres URL filmu do wybranego dostawcy, aby mógł zwrócić odtwarzacz; Reel buforuje wynik w przejściowej pamięci podręcznej, aby uniknąć powtarzających się żądań. Żadne żądanie nie jest wysyłane dla filmów hostowanych samodzielnie (MP4/WebM). Korzystanie z tych dostawców podlega ich własnym warunkom i politykom prywatności, np. YouTube (https://www.youtube.com/t/terms, https://policies.google.com/privacy) i Vimeo (https://vimeo.com/terms, https://vimeo.com/privacy).

Tłumaczenia

Plogins Reel zawiera polskie, niemieckie i hiszpańskie tłumaczenia interfejsu wtyczki. Domeną tekstową jest plogins-reel, więc pakiety językowe WordPress.org mogą również nadpisywać lub rozszerzać te dołączone tłumaczenia.

Zrzuty ekranu

Bloki

Wtyczka dodaje 1 blok.

  • Reel: Featured video

Instalacja

  1. Prześlij wtyczkę do /wp-content/plugins/plogins-reel, lub zainstaluj poprzez Wtyczki Utwórz.
  2. Włącz ją. WooCommerce musi być aktywny.
  3. Przejdź do menu Reel i włącz funkcje, które chcesz.
  4. Aby dodać film produktu, otwórz produkt, przejdź do zakładki Reel w panelu danych produktu i wklej adres URL filmu.

Najczęściej zadawane pytania

Czy wymaga WooCommerce?

Tak. Reel to wtyczka galerii produktów WooCommerce i działa na stronach pojedynczych produktów.

Jakie źródła filmów są obsługiwane?

Pliki hostowane samodzielnie (MP4, M4V, WebM, OGV) są odtwarzane za pomocą natywnego odtwarzacza filmów WordPress. Każdy adres URL obsługujący oEmbed (YouTube, Vimeo itp.) jest osadzany automatycznie.

Czy używa jQuery?

Nie. Reel dostarcza jeden plik vanilla-JavaScript, odroczony i ładowany w stopce, i tylko na stronie pojedynczego produktu.

Czy Reel zastępuje galerię produktów WooCommerce?

Nie. Reel ulepsza istniejącą galerię produktów WooCommerce o powiększanie obrazków, zachowanie lightboxa i opcjonalny film produktu.

Czy mogę wyświetlić film produktu poza galerią?

Tak. Użyj shortcode’u [reel_video], aby umieścić film produktu we własnej treści produktu.

Czy spowoduje przesunięcie układu (CLS)?

Nie. Lightbox to stała nakładka, która początkowo jest ukryta, transformacja powiększenia jest przycięta do ramki galerii, a film znajduje się w ramce o stałych proporcjach, która rezerwuje swoje miejsce przed załadowaniem.

Czy lightbox jest dostępny za pomocą klawiatury?

Tak. Kupujący mogą otwierać obrazki klawiszem Enter lub Spacja, zamykać klawiszem Escape, a fokus wraca do obrazka, który otworzył lightbox.

Czy ta wtyczka działa na WordPress Multisite?

Tak. Ta wtyczka jest zgodna z WordPress Multisite. Włącz ją w sieci lub włącz ją na poszczególnych witrynach; każda witryna zachowuje własne ustawienia i dane.

Recenzje

Wtyczka nie ma jeszcze żadnej recenzji.

Kontrybutorzy i deweloperzy

„Plogins Reel – Powiększanie i film galerii produktów dla WooCommerce” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.

Zaangażowani

Wtyczka „Plogins Reel – Powiększanie i film galerii produktów dla WooCommerce” została przetłumaczona na 1 język. Podziękuj tłumaczom za ich wkład.

Przetłumacz wtyczkę “Plogins Reel – Powiększanie i film galerii produktów dla WooCommerce” na swój język.

Interesuje cię rozwój wtyczki?

Przeglądaj kod, sprawdź repozytorium SVN lub czytaj dziennik rozwoju przez RSS.

Rejestr zmian

1.0.12

  • Zaprzestano reklamowania bloku, którego nie można było wstawić. Wtyczka zarejestrowała reel/featured-video tylko po stronie serwera, bez block.json i bez skryptu edytora, więc nigdy nie pojawiła się w wybieraku, a jednak plik readme i ekran ustawień kazały sprzedawcom jej szukać. Krótki kod [reel_video] wykonuje to samo zadanie i pozostaje niezmieniony.

1.0.11

  • Polecany film można teraz ustawić z edytora produktu. Zakładka Reel w panelu danych produktu przyjmuje adres URL YouTube, Vimeo lub bezpośredni plik .mp4/.webm oraz opcjonalny nagłówek. Strona renderowania zawsze była tu dostarczana, ale nic w darmowej wtyczce nie mogło wypełnić tych pól, więc plik readme prosił ludzi o ręczną edycję pola meta. Była to funkcja, której brakowało interfejsu, i zostało to naprawione poprzez dodanie interfejsu, a nie usunięcie funkcji.

1.0.10

  • Pakiet nie zawiera już plików .po i .mo. Tłumaczenia dla wtyczek hostowanych na WordPress.org pochodzą z translate.wordpress.org, który generuje i dostarcza je dla każdego ustawienia regionalnego. Szablon .pot pozostaje, ponieważ to właśnie go importują tłumacze.

1.0.6

  • Tłumaczenia: ukończono polskie, niemieckie i hiszpańskie dla panelu aktualizacji PRO.

1.0.5

  • Przywrócono wyróżniającą nazwę wyświetlaną: Plogins Reel – Powiększenie i wideo galerii produktów dla WooCommerce.

1.0.4

  • Naprawiono nagłówki administratora o niskim kontraście w trybie ciemnym systemu operacyjnego.

1.0.3

  • Jaśniejsza nazwa: Plogins Reel – Product Gallery Zoom & Video for WooCommerce.

1.0.2

  • Dodano dołączone polskie, niemieckie i hiszpańskie tłumaczenia interfejsu wtyczki.

1.0.1

  • Pierwsze stabilne wydanie.

0.2.1

  • Zmieniono nazwę na Plogins Reel for WooCommerce dla bardziej wyróżniającej się nazwy wtyczki.

0.2.0

  • Przeprojektowany ekran ustawień: układ kart, przełączniki, wbudowane podpowiedzi i kontrola siły powiększenia na żywo.
  • Dopracowana stylizacja witryny: konfigurowalne właściwości CSS, płynne skalowanie, obsługa trybu ciemnego i zabezpieczenia przed nadmiernym ruchem.
  • Dostępność: nazwany dialog lightboxa, pomoc role=tooltip, widoczne style fokusu i pełna obsługa klawiatury.
  • Solidność: eleganckie stany puste/zastępcze, szkielet filmu bez przesunięć układu i wzmocniona obsługa zdarzeń.
  • Dodaj shortcode [reel_video], aby umieścić wyróżniony film w dowolnym miejscu.
  • Dodaj podpis lightboxa (z tekstu alternatywnego obrazka) i opcję pomijania powiększenia po najechaniu myszką na urządzeniach dotykowych.
  • Dodaj ustawienia dla etykiety otwierania w lightboxie, domyślnego nagłówka filmu i opcjonalnego akapitu wprowadzającego.
  • Dodaj odnośnik „Ustawienia” na liście wtyczek i procedurę deinstalacji, która usuwa opcje wtyczki.
  • Dołącz szablon tłumaczenia (languages/reel.pot) i polskie tłumaczenie.

0.1.0

  • Pierwsze wydanie: powiększenie galerii po najechaniu myszką, dostępny lightbox i wyróżniony film produktu.