Przejdź do głównej zawartości
WPPoland Documentation

Peek

Peek dodaje przycisk Szybki podgląd do pętli produktów sklepu i archiwów WooCommerce. Klik otwiera dostępny modal z galerią, ceną, wariantami i dodaniem do koszyka — bez opuszczania listy.

Dlaczego warto

Dział zatytułowany „Dlaczego warto”

Peek trzyma klienta w katalogu: podgląd, porównanie i zakup z siatki. Modal ma pułapkę fokusa, ładuje się czystym JS w stopce i pozostaje ukryty do otwarcia — strona nie skacze. Darmowa edycja to pełny szybki podgląd na GPL.

Najważniejsze

Dział zatytułowany „Najważniejsze”
  • Modal AJAX na sklepie, w kategoriach, tagach i taksonomiach — bez pełnej nawigacji na kartę produktu.
  • Pełny podgląd: obraz, galeria, tytuł, SKU, cena, stan, krótki opis, dodanie do koszyka (z wariantami) i link do pełnej karty.
  • Położenie przycisku: pod kartą produktu (domyślnie) lub na obrazku (overlay) przy najechaniu i fokusie — zwarte siatki oparte o zdjęcia.
  • Shortcode [peek] i [peek_quick_view] — np. [peek id="123" text="Podgląd"] w dowolnym miejscu.
  • Konfigurowalne sekcje modalu — włącz/wyłącz bloki w ustawieniach Peek; puste pola chowają się same.
  • Bez jQuery we własnym skrypcie Peek — defer w stopce; skrypt wariantów WooCommerce tylko gdy trzeba.
  • Bez przeskoków układu — zamknięty modal jest ukryty; otwarcie nakłada warstwę zamiast przesuwać treść.
  • Dostępny dialog — pułapka fokusa, Escape i tło, role="dialog" z aria-modal.

Ustawienia w skrócie

Dział zatytułowany „Ustawienia w skrócie”

Menu Peek w panelu:

  • Włącznik główny i etykieta przycisku.
  • Styl przycisku: tekst, sama ikona lub ikona + tekst.
  • Położenie w pętli: pod kartą lub na obrazku produktu.
  • Gdzie ładować zasoby: same archiwa albo także pętle „Powiązane” na karcie produktu.
  • Chrome modalu i treść (limit galerii, SKU, stan, koszyk itd.).

Przy każdej opcji jest pomoc ? — najedź, gdy coś jest niejasne.

Silnik

Dział zatytułowany „Silnik”

Orkiestrację (AJAX, nonce, hooki, zasoby) dostarcza współdzielony silnik QuickViewEngine z wppoland/storefront-kit. Peek to cienki adapter pod text domain, opcje i markup WooCommerce.

Edycje

Dział zatytułowany „Edycje”
  • Darmowa na WordPress.org — modal AJAX, overlay, shortcode.
  • PRO (planowana) — swatche wariantów, karuzela powiązanych, własne sekcje, analityka podglądów.

Nakładanie się z Polski

Dział zatytułowany „Nakładanie się z Polski”

Polski ma szybki podgląd. Nie instaluj Peek, gdy moduł jest włączony. Zobacz Osobne wtyczki sklepowe a Polski.

Kolejne kroki

Dział zatytułowany „Kolejne kroki”