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
- Prześlij wtyczkę do
/wp-content/plugins/plogins-reel, lub zainstaluj poprzez Wtyczki Utwórz. - Włącz ją. WooCommerce musi być aktywny.
- Przejdź do menu Reel i włącz funkcje, które chcesz.
- 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żowaniWtyczka „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.
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-videotylko 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.
