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.
Source and issue tracker: github.com/wppoland/plogins-reel, the plugin is
developed in the open, so bug reports and pull requests are welcome there.
Dokumentacja i odnośniki
- Documentation: plogins.com/reel/docs/
- Plugin page: plogins.com/reel/
- Source code: github.com/wppoland/plogins-reel
- Bug reports and feature requests: 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.
- Fully translatable: ships the
plogins-reel.pottemplate, with Polish, German and Spanish delivered by the WordPress.org language pack. - 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
Everything in the free edition stays free and open. Plogins Reel PRO starts at 19 EUR per year, priced and charged in EUR.
Compare editions and pricing: 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 is fully translatable and ships the plogins-reel.pot template. Translations are delivered by WordPress.org language packs from translate.wordpress.org, which is where Polish, German and Spanish are being contributed; the package itself carries no compiled translation files.
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
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.
Interesuje cię rozwój wtyczki?
Przeglądaj kod, sprawdź repozytorium SVN lub czytaj dziennik rozwoju przez RSS.
Rejestr zmian
1.0.17
- Fixed: the plugin reported an older version number internally than the one it was released under. That number versions the stylesheets and scripts the admin screen loads, so a browser holding the previous files kept them after an update instead of fetching the corrected ones.
1.0.16
- Declared compatibility with WooCommerce 11.0.
1.0.15
- Fixed the PRO promo on the settings screen quoting a price in PLN. PRO is priced and charged in EUR, so an admin on a Polish site was shown a zloty amount and then billed in euro, and the zloty figure was a fixed conversion that drifted from the real charge as the rate moved. The promo now shows the euro price that is actually taken.
1.0.14
- Corrected the PRO pricing line. It implied a second currency was available; there is none. PRO is priced and charged in EUR.
1.0.13
- The video heading now falls back to the built-in „Product video” text, as the setting always said it would. With „Show heading” on and the default heading left empty, the video on the product page showed no heading at all; only the shortcode got this right. Set your own text in Reel > Featured video, or turn „Show heading” off if you prefer none.
- Autoplay now really plays. The video is muted whenever autoplay is on, which is the only way browsers allow it, so a video that used to sit there paused starts on its own with the sound off until the shopper turns it up.
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.