Konfiguracja
Anchor konfigurujesz na jednym ekranie: WooCommerce → Anchor. Pasek pokazuje się tylko na kartach produktów, więc ustawienia opisują, jak i kiedy się tam pojawia.
Pozycja
Dział zatytułowany „Pozycja”Gdzie pasek przypina się do ekranu:
- Dół — przyczepiony do dolnej krawędzi okna. Najczęstszy wybór; na telefonie jest blisko kciuka.
- Góra — przyczepiony do górnej krawędzi.
W obu przypadkach pasek jest przypięty do okna i startuje ukryty, więc nigdy nie zajmuje miejsca w przepływie dokumentu ani nie powoduje przeskoku układu.
Gdzie pokazywać
Dział zatytułowany „Gdzie pokazywać”Widoczność per urządzenie, sterowana niezależnie:
- Desktop — pokaż lub ukryj pasek na większych ekranach.
- Mobile — pokaż lub ukryj na małych ekranach.
Wyłącz jedno, by pasek działał tylko tam, gdzie pomaga — na przykład tylko na telefonie, gdzie długa karta produktu spycha główny przycisk dodania do koszyka daleko poza ekran.
Próg przewijania
Dział zatytułowany „Próg przewijania”Jak daleko klient musi przewinąć poniżej głównego przycisku dodania do koszyka, zanim pasek wsunie się w widok. Większy próg trzyma pasek ukryty, aż klient jest wyraźnie poniżej głównego przycisku; mniejszy odsłania go wcześniej. Pasek znów się ukrywa, gdy klient przewinie z powrotem do głównego przycisku.
Elementy
Dział zatytułowany „Elementy”Przełącz, co pojawia się w pasku:
- Miniatura — obraz produktu.
- Cena — bieżąca cena (synchronizowana na produktach z wariantami).
- Ilość — pole ilości, by klienci mogli kupić więcej niż jedną sztukę z paska.
Tytuł produktu i przycisk zakupu są zawsze obecne; te przełączniki dostrajają resztę.
Zachowanie wariantów (automatyczne)
Dział zatytułowany „Zachowanie wariantów (automatyczne)”Na produktach z wariantami pasek jest świadomy wariantów bez dodatkowych ustawień. Nasłuchuje natywnych zdarzeń wariantów WooCommerce, więc gdy klient wybiera opcje na stronie, cena, dostępność i przycisk zakupu w pasku aktualizują się tak, by pasowały do natywnego formularza. Anchor nie dodaje własnego jQuery.
Wydajność i dostępność (wbudowane)
Dział zatytułowany „Wydajność i dostępność (wbudowane)”Arkusz stylów i skrypt ładują się tylko na kartach produktów, a skrypt jest odroczony (defer), więc reszta sklepu pozostaje nietknięta. Pasek to region ARIA, obsługiwany z klawiatury z widocznym fokusem i tekstem dla czytnika ekranu, respektuje prefers-reduced-motion i jest świadomy trybu ciemnego. Ponieważ jest przypięty i startuje ukryty, powoduje zero przesunięć układu — i nic z tego nie wymaga konfiguracji.