Peek – podgląd produktów dla WooCommerce

Opis

Peek dodaje przycisk szybkiego podglądu produktu do pętli produktów w Twoim sklepie i na stronach archiwów WooCommerce. Kliknięcie go otwiera dostępne okno modalne produktu w technologii AJAX, dzięki czemu klienci mogą podejrzeć produkt, wybrać opcje i dodać go do koszyka bez opuszczania listy.

Okno modalne pokazuje zdjęcie główne i miniatury galerii, tytuł, SKU, cenę, stan magazynowy, krótki opis, natywny formularz dodawania do koszyka (w tym produkty z wariantami) oraz link do pełnej strony produktu. Każdy element można włączyć lub wyłączyć na ekranie ustawień.

Dokumentacja i linki

Stworzony z myślą o szybkości i dostępności

  • Brak jQuery we własnym kodzie front-end wtyczki, skrypt to czysty JS, odroczony i ładowany w stopce.
  • Brak przesunięć układu (CLS). Modal jest w pełni ukryty, dopóki nie zostanie otwarty i przewija się wewnętrznie, więc nigdy nie powoduje ponownego renderowania strony.
  • Zatrzymywanie fokusu i obsługa klawiatury. Fokus przenosi się do okna dialogowego po otwarciu, jest w nim zatrzymany, zamyka się po naciśnięciu Escape lub kliknięciu tła i wraca do przycisku wyzwalającego po zamknięciu. Okno dialogowe używa role="dialog" z aria-modal.
  • Obsługa wariantów. Formularz dodawania do koszyka obsługuje produkty zmienne za pośrednictwem własnego skryptu wariantów WooCommerce.

Ustawienia

Strona ustawień (menu Peek, dostępna dla uprawnień WooCommerce) pozwala:

  • Włącz lub wyłącz szybki podgląd.
  • Ustaw etykietę i styl przycisku wyzwalającego (tekst, ikona lub ikona + tekst).
  • Wybierz, gdzie ma się ładować: tylko w sklepie i archiwach produktów, czy także w pętlach produktów powiązanych/up-sell na pojedynczych stronach produktów.
  • Skonfiguruj elementy modala: tytuł, etykietę przycisku zamykania, tekst ładowania i błędu, tekst linku „zobacz produkt” i etykietę SKU, a także przełączniki dla nagłówka modala, przycisku zamykania i zamykania po kliknięciu tła.
  • Wybierz, które części mają być renderowane w modalu (obraz, galeria z konfigurowalną liczbą miniatur, tytuł, SKU, cena, status magazynowy, krótki opis, dodaj do koszyka, link do pełnego produktu).

Shortcode

Umieść wyzwalacz szybkiego podglądu w dowolnym miejscu za pomocą [peek_quick_view id="123"] lub krótszego aliasu [peek id="123"]. Opcjonalne atrybuty: text (niestandardowa etykieta) i style (text, icon lub icon_text). Modal i jego zasoby ładują się automatycznie wszędzie tam, gdzie pojawi się shortcode.

Projekt Peek jest tworzony w ramach otwartej społeczności. Kod źródłowy, otwarte zgłoszenia i historia wydzeń są dostępne na GitHubie – zapraszamy do zgłaszania błędów i przesyłania poprawek właśnie tam.

Uaktualnij do Peek PRO

Peek PRO rozszerza darmowy szybki podgląd o:

  • Ostatnio przeglądane produkty.
  • Karuzela powiązanych produktów wewnątrz okna modalnego.
  • Próbki wariantów kolorów i etykiet.
  • Niestandardowe sekcje okna modalnego.
  • Nawigacja poprzedni / następny produkt bez zamykania okna modalnego.
  • Dodatkowe kontrolki stylizacji.
  • Analityka szybkiego podglądu.

Dowiedz się więcej na stronie plogins.com/plogins-peek-pro

Więcej wtyczek WooCommerce od Plogins

Zobacz całą rodzinę produktów na stronie plogins.com

Zgłaszanie luki w zabezpieczeniach: wyślij e-mail na adres hello@wppoland.com. Zgodnie z naszą polityką skoordynowanego ujawniania luk potwierdzamy zgłoszenie w ciągu dwóch dni roboczych, oceniamy je w ciągu pięciu dni, a krytyczną lukę naprawiamy w ciągu siedmiu dni od jej potwierdzenia.

Usługi zewnętrzne

Peek nie łączy się z żadnymi zewnętrznymi usługami. Okno modalne szybkiego podglądu pobiera fragment produktu z Twojej własnej witryny za pośrednictwem admin-ajax.php WordPressa (akcja peek_quick_view), więc żadne dane kupującego ani produktu nigdy nie opuszczają Twojego serwera. Jedyne przechowywane dane Peek to dwie opcje WordPressa, które tworzy: peek_settings (konfiguracja okna modalnego i przycisku) oraz peek_db_version, obie usuwane po usunięciu wtyczki. Peek nie wysyła e-maili i nie ładuje żadnych skryptów, czcionek ani analityki stron trzecich.

Tłumaczenia

Wtyczka Plogins Peek można w pełni przetłumaczyć i zawiera szablon plogins-peek.pot. Tłumaczenia są udostępniane w postaci pakietów językowych WordPress.org z serwisu translate.wordpress.org, gdzie dodawane są tłumaczenia na język polski, niemiecki i hiszpański; sam pakiet nie zawiera żadnych skompilowanych plików tłumaczeniowych.

Zrzuty ekranu

Instalacja

  1. Prześlij wtyczkę na adres /wp-content/plugins/plogins-peek albo zainstaluj ją przez menu „Wtyczki” > „Dodaj nową”.
  2. Aktywuj ją. WooCommerce musi być aktywny.
  3. Odwiedź menu Peek w wp-admin, aby skonfigurować etykietę przycisku i zawartość okna modalnego.

Najczęściej zadawane pytania

Czy wymaga WooCommerce?

Tak. Peek wymaga aktywnej instalacji WooCommerce.

Czy używa jQuery?

Własny skrypt front-endu wtyczki to czysty JavaScript, bez zależności od jQuery. Gdy produkt ma warianty, dołączany jest wbudowany skrypt wariantów WooCommerce (który sam korzysta z jQuery), aby formularz wariantów działał zgodnie z oczekiwaniami.

Gdzie pojawia się przycisk szybkiego podglądu?

Na stronie sklepu i w pętlach archiwów produktów (kategorie, tagi, taksonomie), po każdym produkcie. Nie zmienia stron pojedynczych produktów.

Czy okno modalne obsługuje dodawanie do koszyka?

Tak. Peek renderuje natywny formularz dodawania do koszyka WooCommerce wewnątrz okna szybkich zakupów, w tym wybór ilości i wariantów produktu.

Czy działa z produktami zmiennymi?

Tak. Produkty z wariantami korzystają z własnego formularza wariantów WooCommerce wewnątrz okna modalnego produktu, dzięki czemu klienci mogą wybrać wariant przed dodaniem do koszyka.

Czy spowoduje przesunięcie układu?

Nie. Okno modalne jest ukryte do czasu otwarcia i nakłada się na stronę, więc jego otwarcie nigdy nie przebudowuje istniejącej treści.

Czy mogę ręcznie umieścić przycisk szybkiego podglądu?

Tak. Użyj [peek_quick_view id="123"] lub [peek id="123"], aby dodać wyzwalacz szybkiego podglądu produktu w niestandardowych układach.

Czy ta wtyczka działa na WordPress Multisite?

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

Recenzje

2026-07-31
Very stable and lightweight. It doesn’t interfere with other plugins, which is always a big plus.
Przeczytaj 1 recenzje

Kontrybutorzy i deweloperzy

„Peek – podgląd produktów dla WooCommerce” jest oprogramowaniem open source. Poniższe osoby miały wkład w rozwój wtyczki.

Zaangażowani

Wtyczka „Peek – podgląd produktów dla WooCommerce” została przetłumaczona na 1 język. Podziękuj tłumaczom za ich wkład.

Przetłumacz wtyczkę “Peek – podgląd 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.24

  • Fixed: with the button placed over the thumbnail, block themes (including the default Twenty Twenty-Five) stacked every product’s quick view button in one corner of the shop page, always visible, and each one opened the same product. The button now sits on its own product card and appears on hover or focus.
  • Fixed: on a product on sale, the block Sale badge covered the overlay button so it could not be clicked.

1.0.23

  • Security (low): the quick view served password-protected products to anyone. A visitor who had not entered the password could open the preview and read the short description, gallery and add-to-cart form that the product page keeps behind the password form. The preview now refuses a password-protected product (or a variation of one) until the password has been entered; shop managers still see it.
  • Security (low): a disabled variation, or a variation of a draft or password-protected product, is no longer shown in the quick view either.

1.0.22

  • Naprawiono: promocja na upgrade do wersji PRO wciąż wyświetlała się osobom, które już kupiły płatną wersję. Można było zamknąć tylko baner, więc reklama w pasku bocznym i karty z zablokowanymi funkcjami pojawiały się płatnym klientom na stałe. Teraz promocja sprawdza, czy płatna wersja jest aktywna, i znika, gdy tak jest.
  • Naprawiono: symbole strzałek w ścieżkach menu administratora oraz w ciągach tekstowych przekazywanych tłumaczom. Strzałka w ciągu tekstowym przeznaczonym do tłumaczenia staje się problemem dla każdego tłumacza i zmienia układ w każdej lokalizacji, w której zostanie pominięta.

1.0.21

  • Zmiana: na kartach funkcji PRO w ścieżkach menu drukowano symbol strzałki, podczas gdy w pozostałej części wtyczki i dokumentacji używa się zwykłego znaku „>”. Nawigacja jest taka sama, ale wszędzie wyświetla się ten sam znak.

1.0.20

  • Naprawiono: po usunięciu wtyczki w bazie danych pozostawał flag „zamknij” powiązany z powiadomieniem PRO dla poszczególnych użytkowników. Teraz odinstalowanie usuwa go dla wszystkich użytkowników, a nie tylko dla tego, który je zamknął.

1.0.19

  • Naprawiono: wszystkie teksty widoczne dla klientów nie dały się przetłumaczyć. Etykieta przycisku, tytuł okna modalnego, etykieta zamykania, komunikaty o ładowaniu i błędach, prefiks SKU oraz link do strony produktu były dostarczane jako angielskie zdania w pliku konfiguracyjnym i zapisywane w opcjach ustawień w momencie aktywacji wtyczki, więc sklep działający w innym języku wyświetlał angielskie teksty, niezależnie od tego, jak kompletny był jego pakiet językowy. Ekran ustawień już wcześniej oferował powrót do wartości domyślnej w przypadku pustego pola; jednak dzięki tej wartości pole nigdy nie pozostawało puste.
  • Domyślne wartości to teraz przetłumaczone ciągi znaków, które są ustalane w momencie wyświetlania etykiety i nigdy nie są zapisywane z powrotem do bazy danych. Etykieta, którą sam wpisałeś, jest nadal używana dokładnie w takiej postaci, w jakiej ją wpisałeś.
  • Podczas aktualizacji etykieta jest zastępowana bajt po bajcie zgodnie z domyślnymi ustawieniami angielskimi, więc pojawia się wersja przetłumaczona. Wszystko, co edytowałeś, w tym ręczne tłumaczenie, jest dokładnie dopasowywane i zachowywane.

1.0.18

  • Naprawiono: wtyczka podawała wewnętrznie numer wersji starszy niż ten, pod którym została wydana. Numer ten określa wersje arkuszy stylów i skryptów ładowanych na ekranie administratora, więc przeglądarka, która miała jeszcze poprzednie pliki, zachowywała je po aktualizacji zamiast pobrać poprawione wersje.
  • Naprawiono: pakiet nie zawiera już własnych plików tłumaczeń. WordPress.org tworzy pakiety językowe z translate.wordpress.org, a dołączony katalog przesłania ten pakiet, więc poprawione tłumaczenie nie mogło do Ciebie dotrzeć do następnego wydania. Twój język pochodzi teraz z pakietu językowego, który jest aktualną kopią.

1.0.17

  • Ogłoszono zgodność z WooCommerce 11.0.

1.0.16

  • Naprawiono błąd w promocji PRO na ekranie ustawień, gdzie podawano cenę w PLN. Usługa PRO jest wyceniana i rozliczana w EUR, więc administrator polskiej strony widział kwotę w złotych, a potem dostał rachunek w euro – a ta kwota w zlotych była stałym przelicznikiem, który odbiegał od rzeczywistej kwoty w miarę zmian kursu. Teraz w promocji wyświetla się cena w euro, która faktycznie jest pobierana.

1.0.15

  • Ustawienie „Nagłówek okna modalnego” już działa: tytuł okna modalnego pojawia się nad produktem, a nie znika zaraz po załadowaniu produktu.
  • Wyłączenie opcji „Zdjęcie produktu” teraz naprawdę je ukrywa. Produkty bez galerii i tak już nie wyświetlały zdjęcia głównego (ani obrazka zastępczego), a opis zajmuje teraz całą szerokość, gdy nie ma żadnego zdjęcia do pokazania.

1.0.14

  • W komunikacie PRO nie mówi się już o niestandardowych sekcjach modalnych jako o zwykłym HTML-u. Są one przechowywane jako HTML bezpieczny dla postów, więc skrypty i ramki iframe są usuwane, a komunikat teraz to zaznacza.

1.0.13

  • Poprawka: przycisk szybkiego podglądu nie wyświetla się już w sekcjach „Powiązane” i „Produkty o wyższej wartości” na stronach pojedynczych produktów, gdzie okno modalne, które otwiera, nie jest załadowane. Działa zgodnie z tym samym ustawieniem „gdzie ładować”, co samo okno modalne.
  • Okienko modalne informuje teraz, kiedy skończyło ładować produkt – i właśnie to uwzględnia narzędzie analityczne Peek Pro do szybkiego podglądu. Bez tego na tym ekranie zawsze pojawiałyby się tylko zera.

1.0.11

  • Tłumaczenia: gotowe wersje w języku polskim, niemieckim i hiszpańskim dla panelu aktualizacji PRO.

1.0.10

  • Potwierdzono zgodność z WooCommerce 10.9.

1.0.9

  • Opis: zamieniłem linki w pliku readme na poprawne kotwice (dokumentacja, strona wtyczki, kod źródłowy, powiązane wtyczki).

1.0.8

  • Dodaliśmy w wtyczce opcję dodatkowej sprzedaży Peek PRO (baner, który można zamknąć + karty funkcji) na ekranie ustawień.

1.0.7

  • Skrócona nazwa wyświetlana (usunięto przedrostek „Plogins”; slug pozostał bez zmian).

1.0.6

  • Przywrócono nagłówek autora do WPPoland.com, aby pasował do rodziny wtyczek (autorstwo przypisane jest współtwórcy motylanogha).

1.0.5

  • Nagłówek autora teraz przypisuje autorstwo Mariuszowi Szatkowskiemu (motylanogha).

1.0.4

  • Readme: dodano linki do Peek PRO i powiązanych wtyczek Plogins.

1.0.3

  • Bardziej klarowna nazwa: Plogins Peek – Podgląd produktu dla WooCommerce.

1.0.2

  • Dodano wbudowane tłumaczenia polskie, niemieckie i hiszpańskie dla interfejsu wtyczki.

1.0.1

  • Pierwsze stabilne wydanie.

0.3.1

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

0.3.0

  • Nowość: umiejscowienie przycisku pętli, poniżej karty lub jako nakładka na miniaturze (po najechaniu/skupieniu).
  • Nowość: shortcode [peek] jako alias dla [peek_quick_view].

0.2.0

  • Nowość: shortcode [peek_quick_view] do umieszczania wyzwalacza szybkiego podglądu w dowolnym miejscu, z opcjonalnymi atrybutami id, text i style.
  • Nowość: wiersz statusu magazynowego w oknie modalnym, z przełącznikiem.
  • Nowość: możliwość ustawienia liczby miniatur w galerii (0–12).
  • Nowość: styl przycisku wyzwalającego, tekst, ikona lub ikona + tekst (tylko ikona zachowuje dostępną nazwę).
  • Nowość: zakres wyświetlania, ładowanie tylko w sklepie/archiwach, lub także w pętlach produktów powiązanych/up-sell na stronie pojedynczego produktu.
  • Nowość: kontrolki wyglądu okna modalnego na stronie ustawień (tytuł, etykieta przycisku zamykania, tekst ładowania/błędu, tekst linku do produktu, etykieta SKU oraz przełączniki dla nagłówka okna modalnego, przycisku zamykania i zamykania po kliknięciu w tło).
  • Nowość: uninstall.php usuwa opcje wtyczki po jej usunięciu.
  • Dodano ścieżkę domeny dla tłumaczeń.

0.1.0

  • Pierwsze wydanie: dostępne modalne okno szybkiego podglądu AJAX dla pętli sklepu i archiwum WooCommerce, ze stroną ustawień dla etykiety przycisku i zawartości okna modalnego.