Clothing and sizes
Show 'From £24.00 up to £36.00' for products whose sizes or colours are priced differently.
Commerce / widget · Elementor module
Variation Price Bounds Plugin for Elementor
Show a WooCommerce variable product's lowest and highest current price with your own labels, such as From £24.00 up to £36.00.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Variation price boundsProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Price bounds from real WooCommerce variable products
These are the actual published outputs of the widget for sample variable products: default labels, a From / up to pill with an icon, a stacked layout, a product whose variations all cost the same, and a product with no priced variations.
02 / Inside WordPress
Variation price bounds controls in Elementor
Content › Source uses the current product or a selected published variable product. Behaviour sets the separator, the label used when all prices are equal and the fallback text. Display turns labels on or off, edits the minimum and maximum labels and adds an optional icon. The Style tab covers the summary's typography, colour, alignment, background, border, radius, padding, direction, gap and separator visibility, plus label, price and separator styling and icon colour, size and gap.
03 / Website use cases
Where to use variation price bounds
WooCommerce shows a variable product's price as a bare range such as £24.00 – £36.00, which some shoppers misread. Variation price bounds shows the same lowest and highest current prices with labels you write, such as 'From' and 'up to', a separate label when every option costs the same, and your own text when no option has a price yet.
Product templates
Use one template for every variable product; products with a single price show it once with its own label.
Made-to-order items
Show 'Price on request' while variations have no price yet.
04 / Installation and setup
How to show labelled variation prices in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor and WooCommerce, connect your license and enable Variation price bounds in the Complementor library.
Make sure the variable product's variations are published and priced in WooCommerce.
Add the widget to a single product template or variable product page, or choose a Selected variable product in Content › Source.
Write the minimum and maximum labels, the separator, the equal-price label and the fallback text.
Style the labels and prices, publish, and compare with the product's own price range.
05 / Content and style controls
Customize variation price bounds in Elementor
Configure the settings available for this module to suit the page you are building.
Source: the current product, or a selected published variable product from a picker.
Lowest and highest current prices from WooCommerce, including active sales and your tax display setting.
Editable minimum and maximum labels, or no labels.
Editable separator, equal-price label and fallback text for products with no priced variations.
Optional icon with colour, size and gap.
Style: summary surface, side-by-side or stacked direction, gap, separator visibility, and label, price and separator typography and colour.
06 / Choose the right approach
Variation price bounds and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce price range
WooCommerce and Elementor Pro's Product Price widget already show the range with sale formatting and price suffix. Use them when the bare range is enough; use this widget when you need labels, a separate equal-price label or fallback text.
Price suffix or custom code
WooCommerce's price suffix adds the same text after every price. This widget labels the lowest and highest prices separately without code.
07 / Requirements and compatibility
Variation price bounds compatibility with Elementor
- Requires Elementor and WooCommerce; variable products only.
- Summarises the whole product; does not follow the selected variation.
- No strike-through regular price or price suffix.
- The product picker lists up to 200 published variable products.
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 price bounds
Check these settings if the published page behaves differently from the editor.
Why is the fallback text shown?
No published variation has a price. Set prices on the variations, or leave the fallback text empty to show nothing.
Why does a variation's price not count?
Only variations WooCommerce shows are used: published, priced, and in stock when Hide out of stock items is on.
Why is nothing shown?
The source must be a published variable product without a password. Simple, grouped and external products are not supported; the editor shows a hint.
Why don't the prices change when I pick a variation?
The widget summarises the whole product. It does not react to the option a shopper selects.
Variation price bounds plugin questions
Does it use sale prices?
Yes. It uses each variation's current price, so an active sale counts and a scheduled future sale does not.
Does it need Elementor Pro?
No. It works with Elementor and WooCommerce; Elementor Pro lets you place it in single product templates.
Does it follow my tax display setting?
Yes. Prices follow WooCommerce › Settings › Tax › Display prices in the shop.
Does it show the regular price struck through?
No. It shows only the current lowest and highest prices, with no strike-through or price suffix.
Can I show just the lowest price?
No. It shows both bounds, or one price when they are equal. Use the From label with WooCommerce's own price if you only need a minimum.
10 / Annual All Access subscription
Get variation price bounds 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.