Pierwsze kroki

Większość sklepów pokaże pasek w kilka minut. Instalacja, ustawienia Anchor, potem scroll karty produktu.

Zanim zaczniesz

WordPress 6.5 lub nowszy
WooCommerce 8.0 lub nowszy (HPOS oraz bloki koszyka i kasy)
PHP 8.1 lub nowszy

Instalacja

Zainstaluj WooCommerce i upewnij się, że jest aktywne.
Zainstaluj Anchor z katalogu wtyczek (gdy będzie na WordPress.org) lub wgraj folder anchor do /wp-content/plugins/.
Aktywuj wtyczkę.

Pierwsza konfiguracja

WooCommerce → Anchor w panelu:

Pozycja — pasek na górze lub na dole ekranu.
Gdzie pokazać — włącz lub wyłącz na desktopie i na mobile niezależnie.
Próg scrollu — jak daleko poniżej głównego przycisku klient musi przewinąć, zanim pasek się pojawi.
Elementy — przełącz miniaturę produktu, cenę i pole ilości.

Sprawdzenie

Otwórz produkt prosty i przewiń poniżej głównego przycisku — pasek powinien się wsunąć.
Otwórz produkt wariantowy, wybierz opcje na stronie — cena, dostępność i przycisk zakupu na pasku powinny się zaktualizować.
Zmniejsz do mobile (lub otwórz na telefonie) — sprawdź, że pasek respektuje ustawienie urządzeń.
Potwierdź brak przeskoku układu: pasek jest przypięty do okna i startuje ukryty.

Wydajność i dostępność

Arkusz stylów i skrypt ładują się tylko na kartach produktu, a skrypt jest odroczony. Pasek to region ARIA, obsługiwany z klawiatury, z widocznym fokusem i tekstem dla czytników; respektuje prefers-reduced-motion.

FREE vs PRO

Darmowa — przyklejony pasek z pozycją, kontrolą urządzeń i progiem scrollu, opcjonalną miniaturą/ceną/ilością i synchronizacją wariantów.

Anchor PRO (planowany) — zaawansowane reguły miejsca, harmonogram kampanii i analityka konwersji — nie podstawowy dostęp do paska.