A sale countdown from the real end date

It only tells the truth

A clock that resets when a visitor comes back is a lie, and in several countries it may break consumer law. This one has no setting for a made-up time. It reads the sale end date from the product, the one in the "Sale price dates" schedule fields, and it stops there. If you want a clock, schedule the sale in WooCommerce.

The demo above has no clock

The products here are samples, and have no sale dates, so showing a running clock would be doing what we just criticised. In your shop, a card on sale with an end date shows days, hours and minutes in the place set by the slider.

Setting it up

Add the Product Slider block, or the Flash sale pattern, and set Products to "On sale". In the sidebar, turn on the countdown. When a sale ends, the product leaves the source on its own, and the row updates without any editing on your part. Cached pages keep working, since the clock is drawn in the visitor's browser from the end date, in their own time.

Use it sparingly

Clocks work by making people hurry, and a shop where something is always ending soon loses that effect within a visit or two. It is honest and useful for a real, short sale with a real end. For a permanent clearance section, leave it off, and use the sale badge alone.

Other parts of a sale row

A stock bar can go next to the clock, and also uses real numbers. And to give a sale row more motion, the slide animation setting (Pro) displaces the products at both ends of the row, as in the demo above.

Questions