We shall make a sale product and schedule it. Then we shall add a countdown timer on the single product page template with the Breakdance builder and PowereElements’ countdown timer element.
Step 1: Go to the WooCommerce -> All Products page and add/edit a product. Under the General section, set the Sale price and add the Sale price dates. You can set the from or end or both date.
Step 2: Creating a Single Product template in the Breakdance builder(Dashboard -> Breakdance -> Templates). Open the template on the builder editor and add the PowerElements Countdown timer element.
Time source would be “Sale start date -Woo” if you will use the sale price from date. Or select the “Sale end date – Woo” if you will use the sale price to date.
Step 3: Set the action and this action will execute when timer will expire. Default action is none. You can set “hide timer”. So timer will not show on the page when time will be expired.
Another example: Assume that you will not display the Add To Cart button until the sale time is starting. Therefore, you will set the “Hide timer and toggle content” action and set the Add To Cart button selector in the “Content Selectors : Show” input box.
Leave a Reply