Przejdź do głównej zawartości

Korzystanie z odliczania

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

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

Dział zatytułowany „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.

  • 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.

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ą.

  • 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.

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.