Poradniki

Szybki podgląd w WooCommerce: okno produktu, które przyspiesza przeglądanie

Autor: Mariusz Szatkowski · Zaktualizowano: 2026-06-20

Przeglądanie katalogu WooCommerce często oznacza męczącą pętlę: kliknij produkt, obejrzyj kartę, wróć, kliknij następny. Szybki podgląd przerywa tę pętlę. Otwiera najważniejsze informacje w oknie modalnym wprost z listy, więc klient porównuje i kupuje bez ciągłego skakania tam i z powrotem. Ten przewodnik wyjaśnia, jak działa szybki podgląd, kiedy pomaga i czego potrzebuje dobry.

Czym jest szybki podgląd

Szybki podgląd pokazuje kluczowe szczegóły produktu w oknie modalnym uruchamianym z listy, bez przechodzenia na pełną kartę produktu. Przydatny szybki podgląd zawiera:

  • galerię produktu
  • cenę i ewentualną cenę promocyjną
  • SKU i krótkie szczegóły
  • dodanie do koszyka, łącznie z wyborem wariantu

Klient go otwiera, sprawdza produkt, dodaje do koszyka albo zamyka i przegląda listę dokładnie tam, gdzie skończył.

Dlaczego pomaga

Szybki podgląd usuwa tarcie nawigacji w punkcie, w którym klient porównuje opcje:

  • Szybsze porównanie. Sprawdzanie kilku produktów w oknach bije ładowanie i opuszczanie pełnych kart po kolei.
  • Mniej porzuceń. Pozostanie na liście utrzymuje klienta w rytmie przeglądania, zamiast rozpraszać go po kartach.
  • Krótsza droga do koszyka. Gdy dodanie do koszyka jest w oknie, klient kupuje bez dodatkowego przeładowania strony.

Haczyk jest taki, że szybki podgląd musi pozwalać dokończyć zakup. Okno, które tylko wyświetla informacje, bez dodania do koszyka lub bez wyboru wariantu, dodaje tylko krok przed i tak odesłaniem klienta na pełną kartę.

Czego potrzebuje dobry szybki podgląd

  • Prawdziwe dodanie do koszyka z wariantami. Klient powinien wybrać rozmiar lub kolor i dodać bez opuszczania okna.
  • Ładowanie na żądanie. Treść okna powinna ładować się przez AJAX dopiero po otwarciu, żeby lista pozostała lekka. Brak jQuery utrzymuje mały ślad.
  • Dostępność. Obsługa klawiatury i poprawne zarządzanie fokusem sprawiają, że okno jest użyteczne dla każdego.

Peek dla WooCommerce otwiera okno produktu AJAX z galerią, ceną, SKU i dodaniem do koszyka z wariantami, bez jQuery. Ostatnio oglądane, karuzela powiązanych, swatche wariantów, własne sekcje okna i analityka to miejsce, w którym Peek PRO rozszerza darmową wtyczkę.

Peek a domyślne WooCommerce

Domyślne WooCommerce nie ma szybkiego podglądu: każdy produkt wymaga pełnego załadowania strony. Oto różnica dla samego szybkiego podglądu:

FunkcjaDomyślne WooCommercePeek
Podgląd produktu bez opuszczania listyNieOkno AJAX z listy
Galeria, cena, SKU w oknienie dotyczyTak
Dodanie do koszyka w oknienie dotyczyTak, z wariantami
Ładowanie na żądanienie dotyczyTak (AJAX, bez jQuery)
Dostępne oknonie dotyczyObsługa klawiatury i fokusu
Ostatnio oglądane, swatche, analitykaNieTak (PRO)
KosztZa darmo (rdzeń)Za darmo (GPL); PRO dodaje karuzelę i analitykę

W skrócie

Szybki podgląd przyspiesza przeglądanie, przynosząc produkt do klienta, zamiast odsyłać klienta do produktu. Upewnij się, że pozwala dodać do koszyka z wariantami, ładuje się na żądanie bez jQuery i pozostaje dostępny. Zacznij od darmowych podstaw i dodaj swatche, ostatnio oglądane oraz analitykę, gdy rośniesz.

Peek dla WooCommerce