Przejdź do głównej zawartości

Konfiguracja

Anonco konfigurujesz na jednym ekranie: WooCommerce > Pasek powiadomień. Podgląd na żywo pokazuje pasek w trakcie edycji. Pamiętaj, by włączyć pasek, gdy będziesz zadowolony, nic nie ładuje się na front-endzie, dopóki nie jest aktywny.

Twój tekst powiadomienia. Obsługiwana jest mała lista dozwolonego bezpiecznego HTML:

  • pogrubienie i kursywa
  • linki
  • łamanie linii

Wszystko poza listą jest usuwane, więc komunikat pozostaje bezpieczny do renderowania na górze każdej strony.

Opcjonalny przycisk wezwania do działania z:

  • własnym adresem URL oraz
  • opcją nowej karty (otwórz w nowej karcie lub tej samej).

Wyłącz go, aby uzyskać pasek tylko z komunikatem.

Ustaw kolory tła, tekstu i akcentu, z podglądem na żywo. Kolory to zmienne CSS, więc pasek pasuje do Twojej marki i czysto dostosowuje się w trybie ciemnym.

Pasek jest zawsze przyklejony (position: sticky) i zostaje przypięty u góry okna, gdy klient przewija stronę. Nie ma ustawienia umiejscowienia ani wariantu statycznego.

Darmowa edycja nie ma harmonogramu. Pasek włączasz i wyłączasz ręcznie, a warunek czasowy dopiszesz w kodzie filtrem notice/bar_active. Okna start/koniec ustawiane z panelu dodaje Anonco PRO.

Pozwól klientom zamknąć pasek:

  • wybór jest przechowywany w przeglądarce odwiedzającego przez localStorage, bez ciasteczek, bez danych osobowych,
  • ustaw, ile dni trwa zamknięcie; 0 = na zawsze.

Automatyczne ponowne pokazanie: edycja tekstu komunikatu ponownie pokazuje pasek wszystkim automatycznie, więc świeże powiadomienie nigdy nie jest ukryte przez stare zamknięcie.

Pasek pojawia się na samej górze każdej strony front-endu przez hak motywu wp_body_open, który obsługuje większość nowoczesnych motywów. CSS ładuje się tylko gdy pasek jest aktywny, a skrypt zamykania dodatkowo tylko wtedy, gdy pasek jest zamykalny, więc wyłączony pasek nie dodaje wagi na front-endzie, a znaczniki to czysty HTML bez frameworka JavaScript.

Pasek to region ARIA z przyciskiem zamknięcia obsługiwanym z klawiatury, stylami z widocznym fokusem i obsługą prefers-reduced-motion. Nie ma przeskoku układu poza własną wysokością paska.