Seasonal sales
Show a 14-day winter sale on the sizes included.
Commerce / widget · Elementor module
Variation Sale Duration Widget Plugin for Elementor
Show how long the scheduled WooCommerce sale on a chosen variation lasts, such as A 31-day sale, December 1 to December 31.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Variation configured sale durationProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
See it
These are the actual published outputs of the widget for a sample variable product in the lab shop; on a product page the text follows the shopper’s choice.
02 / Inside WordPress
Variation sale duration controls in Elementor
Product chooses the current product, a selected variable product or one fixed variation, and what to show before a choice. Display sets the text with {days}, {from} and {to}, a one-day text, the date format, a text for when options differ and an optional icon. The Style tab covers typography, colours, background, border, radius, spacing, alignment, the number of days’ colour and weight, and the icon.
03 / Website use cases
Where to use variation configured sale duration
A sale feels more real when shoppers can see how long it runs, but WooCommerce only stores the From and To dates on each variation. Variation sale duration turns them into a clear line such as A 31-day sale, December 1 to December 31, for the option the shopper picks.
Flash sales
Use One day only for a single-day offer.
Clearance
Tell shoppers how long the reduced price on a colour lasts.
04 / Installation and setup
How to show a variation’s sale length in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Variation sale duration in the Complementor library.
Schedule the sale on each variation in WooCommerce with both a From and a To date.
Add the widget to a single product template, or to a page with the product’s add-to-cart form.
In Product, choose Current product, a selected product or one fixed variation.
Write the text with {days}, {from} and {to}, then pick an option on the product page to check it changes.
05 / Content and style controls
Customize variation configured sale duration in Elementor
Configure the settings available for this module to suit the page you are building.
Follows the shopper’s choice in the product’s add-to-cart form.
Text with {days}, {from} and {to}, such as A {days}-day sale, {from} to {to}.
A separate text for one-day sales.
Date format for the dates.
Before a choice: the shared length, a text when options differ, or nothing.
Days colour and bold, background, border and radius.
Optional icon such as an hourglass.
06 / Choose the right approach
Variation configured sale duration and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Variation sale end date
Shows only when a sale ends; this widget gives its length and both dates.
Countdown timers
Count down live to a fixed time; this widget states the scheduled length from WooCommerce.
07 / Requirements and compatibility
Variation configured sale duration compatibility with Elementor
- Requires Elementor and WooCommerce.
- Sales with both a From and a To date only.
- Shows public products only.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot variation configured sale duration
Check these settings if the published page behaves differently from the editor.
Why does nothing show for a variation on sale?
Its sale needs both a From and a To date. Sales without one, or that have ended, show nothing.
Why does a sale from December 1 to December 31 show 31 days?
The count includes both the first and the last day.
Why does nothing show before a choice?
The options’ sales differ and Text when options differ is empty, or Before the shopper chooses is set to Nothing.
Why does the text not change when I pick an option?
The widget follows the add-to-cart form of the same product on the page. Add the form alongside it.
Variation configured sale duration plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Where do I set the dates?
On each variation in WooCommerce: set a sale price, click Schedule and choose From and To.
Does it show sales that have not started?
Yes. Sales still to come and sales running now are shown; ended sales are not.
Does it change prices or dates?
No. It only reads the sale dates set in WooCommerce.
Can I hide the dates?
Yes. Leave {from} and {to} out of the text, for example Only {days} days.
10 / Annual All Access subscription
Get variation configured sale duration with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.