Przejdź do głównej zawartości

Konfiguracja

Ticker konfigurujesz na jednym ekranie: WooCommerce → Ticker. Włącz odliczanie, a następnie ustaw źródło, wygląd i treść.

Skąd pochodzi czas zakończenia:

  • Data promocji produktu, odczytuje natywne pole WooCommerce Daty ceny promocyjnej → Do każdego produktu. Ustaw koniec promocji na produkcie, a jego odliczanie pojawia się automatycznie.
  • Globalna data kampanii, jedna data zakończenia dla całego sklepu, używana na każdym produkcie.
  • Oba, data promocji produktu jest używana, gdy jest ustawiona, z globalną datą kampanii jako rezerwą.

Ponieważ moment zakończenia jest rozwiązywany na serwerze jako stały znacznik czasu, źle ustawiony zegar odwiedzającego nie może zmienić rzeczywistego czasu zakończenia, przeglądarka jedynie formatuje pozostały czas.

Gdzie zegar renderuje się na karcie produktu:

  • Podsumowanie produktu
  • Przed formularzem dodania do koszyka
  • Po formularzu dodania do koszyka
  • Obszar meta produktu

Jak czyta się pozostały czas:

  • dni:godziny:minuty:sekundy, pełny podział.
  • godziny:minuty:sekundy, dla krótszych okien.
  • kompaktowy, forma skrócona.
  • Nagłówek, opcjonalny tekst nad zegarem, na przykład Promocja kończy się za.
  • Komunikat po wygaśnięciu, przyjazny komunikat zastępujący zegar po zakończeniu promocji, na przykład Ta promocja się zakończyła.

Opcjonalnie pokaż „Zostało tylko N w magazynie” dla produktów, które zarządzają stanem i których pozostała ilość jest na poziomie progu lub poniżej (domyślnie 5). Produkty, które nie śledzą stanu, nigdy tego nie pokazują. Jest to niezależne od odliczania, produkt może pokazywać niski stan, odliczanie, oba lub żadne.

  • Brak promocji i brak niskiego stanu, nic się nie renderuje.
  • Promocja zakończona, zegar zastępuje komunikat po wygaśnięciu.

Tak więc nieskonfigurowany lub wygasły produkt nigdy nie pokazuje zepsutego ani wyzerowanego zegara.

Znaczniki są renderowane na serwerze z zarezerwowanym miejscem, więc zegar wypełnia się bez przeskoku układu (dobre dla CLS) i bez jQuery. Zegar to ARIA role="timer" z grzecznym regionem na żywo (polite live region), etykietami dla czytnika ekranu i kontrolkami z widocznym fokusem, oraz respektuje prefers-reduced-motion. Ustawienia żyją w wp_options bez tabel niestandardowych; odinstalowanie usuwa opcje Ticker i meta kampanii per produkt, zostawiając czystą bazę danych.

Ticker udostępnia filtr ticker/end_timestamp, więc rozwiązany czas zakończenia można nadpisać w kodzie, to podstawa niestandardowych lub zaplanowanych okien kampanii (zastosowanie PRO).