Anchor
Anchor dodaje smukły, przyklejony pasek dodawania do koszyka na kartach produktu WooCommerce. Pasek pozostaje ukryty, dopóki klient nie przewinie poniżej głównego przycisku dodania do koszyka — wtedy wsuwa się z miniaturą produktu, tytułem, ceną, opcjonalnym polem ilości i przyciskiem zakupu, więc zakup jest zawsze o jedno kliknięcie, nawet na długich stronach.
Dlaczego warto
Dział zatytułowany „Dlaczego warto”Anchor utrzymuje przycisk zakupu w zasięgu na długich kartach produktu, bez ciężkiego pakietu konwersyjnego. Pasek jest przypięty do krawędzi okna i startuje ukryty, więc nigdy nie zajmuje miejsca w układzie i daje zero Cumulative Layout Shift. Darmowa edycja to pełny produkt na GPL.
Najważniejsze
Dział zatytułowany „Najważniejsze”- Przyklejony pasek na kartach produktu, pokazywany przy scrollu.
- Pozycja na górze lub na dole ekranu.
- Osobno dla urządzeń — pokaż lub ukryj na desktopie i na mobile niezależnie.
- Próg scrollu — ustaw, jak daleko poniżej głównego przycisku pasek ma się pojawić.
- Opcjonalne elementy — miniatura produktu, cena i pole ilości.
- Świadomy wariantów — na produktach wariantowych pasek odzwierciedla natywny formularz wariantów, synchronizując cenę, dostępność i przycisk zakupu.
- Dostępny — region ARIA, obsługa klawiatury, widoczny fokus i tekst dla czytników ekranu.
- Bez przeskoku układu — pasek jest przypięty i startuje ukryty.
- Szanuje preferencje — honoruje
prefers-reduced-motioni działa z trybem ciemnym.
Jak działa pasek
Dział zatytułowany „Jak działa pasek”Anchor nie dodaje własnego jQuery — słucha zdarzeń, które WooCommerce już emituje. Na produktach wariantowych po wyborze opcji cena, dostępność i przycisk zakupu na pasku aktualizują się do natywnego formularza. Arkusz stylów i skrypt ładują się tylko na kartach produktu, a skrypt jest odroczony, więc reszta sklepu pozostaje nietknięta.
- Darmowa na WordPress.org — przyklejony pasek z pozycją, kontrolą urządzeń i progiem scrollu, opcjonalną miniaturą/ceną/ilością i synchronizacją wariantów.
- PRO (planowana) — zaawansowane reguły miejsca, harmonogram kampanii i analityka.
Kolejne kroki
Dział zatytułowany „Kolejne kroki”- Pierwsze kroki — instalacja, wybór pozycji i urządzeń, ustawienie progu scrollu.