Korzystanie z odliczania

Ten przewodnik obejmuje dwa sposoby napędzania odliczania oraz dodanie komunikatu o niskim stanie.

Opcja A, odliczaj do istniejących dat promocji

Jeśli już ustawiasz ceny promocyjne w WooCommerce, wymaga to niemal żadnej pracy:

1. W WooCommerce → Ticker ustaw źródło odliczania na data promocji produktu (lub oba).
2. Na produkcie ustaw Dane produktu → Ogólne → Daty ceny promocyjnej → Do.

Odliczanie na żywo pojawia się na tym produkcie automatycznie i zatrzymuje się na końcu promocji. Każdy produkt z końcem promocji dostaje własne odliczanie, bez konfiguracji Ticker per produkt.

Opcja B, uruchom jedną kampanię dla całego sklepu

Dla jednej daty końcowej w całym sklepie (deadline Black Friday, flash sale):

1. Ustaw źródło odliczania na globalna data kampanii (lub oba).
2. Wprowadź globalną datę zakończenia kampanii w ustawieniach Ticker.

Przy oba własna data promocji produktu ma pierwszeństwo, a globalna data jest rezerwą, więc deadline dla całego sklepu może obowiązywać wszędzie, a konkretne produkty zachowują własny.

Dostrój wygląd i treść

• Wybierz umiejscowienie, blisko formularza dodania do koszyka jest najbardziej przekonujące.
• Wybierz format, pełny dni:godziny:minuty:sekundy dla długich okien, kompaktowy dla krótkich.
• Dodaj nagłówek (Promocja kończy się za) i komunikat po wygaśnięciu na czas po zakończeniu.

Dodaj sygnał niskiego stanu

Włącz próg niskiego stanu, aby pokazać Zostało tylko N w magazynie dla produktów, które zarządzają stanem i są na poziomie progu lub poniżej (domyślnie 5). Jest to osobne od odliczania, więc produkt może pokazywać pilność z deadline’u, z niskiego stanu lub z obu naraz. Produkty, które nie śledzą stanu, nigdy tego nie pokazują.

Co widzą klienci

• Produkt w promocji pokazuje odliczanie na żywo, które tyka do końca promocji.
• Gdy promocja wygaśnie, zegar zastępuje Twój komunikat po wygaśnięciu, nigdy zamrożone 00:00:00.
• Produkt bez promocji i bez niskiego stanu nie pokazuje nic.

Dlaczego zegar jest wiarygodny i szybki

Moment zakończenia to stały znacznik czasu serwera; przeglądarka jedynie go formatuje, więc klient z błędnym zegarem urządzenia i tak widzi poprawne zakończenie. Znaczniki są renderowane na serwerze z zarezerwowanym miejscem, więc liczby wypełniają się bez przesuwania układu, i nie ma jQuery. Zegar używa ARIA role="timer" z grzecznym regionem na żywo i respektuje prefers-reduced-motion.