Przejdź do głównej zawartości

Pierwsze kroki

Większość sklepów uruchamia szybki podgląd w kilka minut. Peek startuje włączony, instalacja, menu Peek, strona sklepu.

  • WordPress 6.5 lub nowszy
  • WooCommerce 8.0 lub nowszy (HPOS i bloki koszyka/kasy)
  • PHP 8.1 lub nowszy
  1. Zainstaluj WooCommerce i upewnij się, że jest aktywne.
  2. Zainstaluj Peek z katalogu (po wp.org) albo wgraj folder peek do /wp-content/plugins/.
  3. Aktywuj wtyczkę.

Kreator nie jest potrzebny.

Otwórz Peek w panelu:

  • Włącz szybki podgląd, główny przełącznik.
  • Etykieta przycisku, np. „Szybki podgląd”; przy stylu „sama ikona” to też nazwa dostępna dla czytników.
  • Styl przycisku, sam tekst, sama ikona lub ikona + tekst.
  • Położenie przycisku, Pod kartą (stabilna wysokość) lub Na obrazku (hover/focus).
  • Gdzie ładować, sklep i archiwa albo także powiązane/upsell na karcie produktu.
  • Zawartość modalu, wybierz sekcje (galeria, SKU, stan, koszyk itd.).

Zapis w ustawieniach wystarczy, bez flush permalinków pod etykiety.

  1. Otwórz Sklep (lub archiwum kategorii).
  2. Potwierdź Szybki podgląd na kartach produktów.
  3. Kliknij, modal, stan ładowania, potem fragment produktu.
  4. Nawiguj klawiaturą, zamknij Escape lub tłem, fokus wraca na przycisk.
  5. Na produkcie wariantowym wybierz opcje i dodaj do koszyka, jeśli włączone.
[peek id="123"]
[peek id="123" text="Podgląd" style="icon_text"]

[peek_quick_view] przyjmuje te same atrybuty. Shortcode wymusza za zasobów na tej stronie.

Przycisk pojawia się przy hover i :focus-within. Przy prefers-reduced-motion pozostaje widoczny, bez ukrywania kontrolek dla wrażliwych na ruch.

Darmowa, modal AJAX, warianty w koszyku, overlay/pod kartą, shortcode, pełne ustawienia.

Peek PRO, swatche, karuzela, własne sekcje, analityka, nie sam dostęp do modalu.