Konfiguracja

Peek konfigurujesz na jednym ekranie: w menu Peek w panelu. Otwiera się z sensownymi wartościami domyślnymi, więc zmieniasz tylko to, czego potrzebujesz. Ustawienia dzielą się na cztery grupy — główny przełącznik, przycisk wyzwalający, miejsce ładowania zasobów oraz zawartość modala.

Włącz szybki podgląd

Główny przełącznik. Gdy wyłączony, Peek nie ładuje niczego na sklepie — żadnego przycisku, skryptu ani stylów. Włącz go, aby renderować przycisk wyzwalający w pętlach produktów.

Przycisk wyzwalający

Etykieta przycisku

Tekst na przycisku, na przykład Szybki podgląd. Dla stylu „tylko ikona” ta etykieta nadal pełni rolę dostępnej nazwy, więc użytkownicy czytników ekranu zawsze słyszą sensowną akcję.

Styl przycisku

Tekst — zwykły przycisk tekstowy. Najbezpieczniejszy dla większości motywów i najczytelniejszy.
Ikona — sama ikona, do zwartych siatek prowadzonych obrazem. Etykieta powyżej staje się dostępną nazwą.
Ikona + tekst — oba, najbardziej jednoznaczna opcja.

Umiejscowienie przycisku

Pod kartą produktu — przycisk pod każdą kartą. Wysokość kart pozostaje przewidywalna w całej siatce.
Na obrazie produktu (najechanie / fokus) — przycisk nakłada się na miniaturę i pojawia się po najechaniu oraz przy fokusie klawiatury, utrzymując gęste siatki czyste do momentu, gdy klient po niego sięgnie.

Gdzie ładować

Wybierz pętle, do których Peek się podpina:

Tylko sklep i archiwa produktów — strona sklepu oraz archiwa kategorii, tagów i taksonomii.
Także pętle powiązanych / up-sell na produkcie — dodatkowo renderuj przycisk w sekcjach produktów powiązanych i up-sell na karcie produktu.

Peek nigdy nie dodaje przycisku do samego szablonu produktu — ta strona to już pełny produkt.

Ramka modala

Te kontrolki sterują ramką dialogu wokół fragmentu produktu:

Nagłówek modala — pokaż lub ukryj tytuł produktu jako nagłówek dialogu.
Przycisk zamykania — pokaż lub ukryj kontrolkę zamykania i ustaw jej dostępną etykietę.
Zamykanie kliknięciem w tło — pozwól zamknąć kliknięciem poza dialogiem.
Tekst ładowania i tekst błędu — treść pokazywana podczas ładowania fragmentu AJAX i przy niepowodzeniu.
Tekst linku do produktu — etykieta linku do pełnej karty produktu.
Etykieta SKU — przedrostek przed numerem SKU w modalu.

Zawartość modala

Wybierz, które części produktu renderują się we fragmencie AJAX. Każda to niezależny przełącznik, a puste pola ukrywają się automatycznie:

Obraz wyróżniający
Galeria — z konfigurowalną liczbą miniatur (0–12)
Tytuł
SKU
Cena
Stan magazynowy
Krótki opis
Dodaj do koszyka — w tym formularz wariantów dla produktów z wariantami
Link do produktu

Pomoc kontekstowa

Każda kontrolka ma element ?. Najedź lub ustaw na nim fokus, aby zobaczyć krótkie wyjaśnienie w kontekście, dzięki czemu dostroisz ekran bez jego opuszczania.

Zapis i cache

Zmiany zapisują się na ekranie ustawień i działają od następnego załadowania strony. Aktualizacje etykiet i treści nie wymagają odświeżania bezpośrednich odnośników ani przebudowy cache.