An on sale slider that follows your sales

It follows the sale dates

Schedule a sale in WooCommerce, and the product appears in the row when the sale starts and leaves when it ends. There is nothing to edit on the day. If no product is on sale, the row shows nothing to visitors and a short message in the editor, so a section does not sit empty on your home page.

What is free, and what is Pro

The source, the badge and both prices, along with drag, arrows, dots and autoplay with a pause button, are free. Pro has the sale countdown, the stock bar and the slide animation that distorts products at both ends of the row: displace, as in the demo above, is the one in the Flash sale pattern. Without it, try stretch or parallax, which are free.

Where to put it

A sale strip works just above the footer on all pages, or near the top of the shop during the sale itself. The Sale strip pattern gets you started in the free plugin. A row shouldn't show just one or two products as a slider; with few products, a simple pair of cards is better than a slider that hardly moves.

How the old price reads

WooCommerce marks the old and new prices in its own HTML, and your theme styles it. In the Classic design both are plainly visible; a narrow one such as Shelf has less room for two prices. Check on a phone that both fit.

A guide with more

Our guide on sale products in a slider covers the options without a plugin, too: the core Product Collection block has an On Sale collection and a carousel layout, and you may need nothing more than that.

Questions