Cennik Anchor

Tak. Anchor uruchamia się tylko wtedy, gdy WooCommerce jest aktywne, a swój pasek pokazuje wyłącznie na pojedynczych kartach produktu. Bez aktywnego WooCommerce wtyczka nie renderuje niczego i nie ładuje żadnych zasobów.

Tak. Na produktach wariantowych pasek odzwierciedla natywny formularz wariantów WooCommerce: gdy klient wybiera opcje na stronie, cena, dostępność i przycisk zakupu na pasku aktualizują się do wybranego wariantu. Anchor nasłuchuje zdarzeń, które WooCommerce już emituje, i nie ładuje własnej kopii jQuery.

Nie. Arkusz stylów i skrypt ładują się tylko na pojedynczych kartach produktu, a skrypt jest odroczony (defer). Pasek jest przypięty do okna z position: fixed i startuje ukryty, więc znajduje się poza układem strony i jego pojawienie się nie powoduje Cumulative Layout Shift.

Pasek pozostaje ukryty, dopóki klient nie przewinie poniżej głównego formularza dodawania do koszyka; skrypt wykrywa to przez IntersectionObserver i wsuwa pasek. Próg pojawienia ustawiasz w pikselach (0-5000) w menu WooCommerce → Anchor; domyślnie to 300 px. Niższa wartość pokazuje pasek wcześniej, wyższa trzyma go ukrytym dłużej.

Nie. Anchor nie dodaje własnej kopii jQuery, jego skrypt to czysty JavaScript ładowany z odroczeniem tylko na kartach produktu. Synchronizację z wariantami uzyskuje, nasłuchując zdarzeń, które WooCommerce już emituje.

Pasek pokazuje tytuł produktu, cenę i przycisk dodania do koszyka. Na produktach prostych jest to bezpośredni przycisk zakupu, a na wariantowych, przycisk wyboru opcji, który po wybraniu wariantu odsłania formularz dodania do koszyka. Pasek jest oznaczony jako region ARIA z widocznym fokusem i etykietą dla czytników ekranu.

Tak. Na produktach prostych pasek pokazuje tytuł, cenę i przycisk dodania do koszyka, a na wariantowych śledzi wybrany wariant. Anchor pomija produkty, których nie da się kupić (np. produkty zewnętrzne bez ceny), więc nigdy nie renderuje niesprawnego paska.

Tak. Ticker dodaje odliczanie wyprzedaży na karcie produktu, Notice pasek powiadomień na górze sklepu, a Anchor trzyma przycisk zakupu pod ręką przy scrollu.