Furniture and rugs
Show the size of the chosen option.
Commerce / widget · Elementor module
Variation Measurements Widget Plugin for Elementor
Show the dimensions and weight of the chosen variation, formatted by WooCommerce, changing with the shopper's choice on the product page.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Variation measurementsProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Real measurements
These are the actual published outputs of the widget for real WooCommerce products.
02 / Inside WordPress
Variation measurements controls in Elementor
Content sets the product (the current one or a selected product), whether to show dimensions and weight, their labels and the layout. The Style tab covers typography, colour, alignment, background, border, radius and padding, label and value colours and the space between items.
03 / Website use cases
Where to use variation measurements
When sizes or materials differ between options, shoppers need the measurements of the one they picked, but WooCommerce only updates them in the Additional information tab. Variation measurements shows the chosen variation's dimensions and weight wherever you place it, formatted exactly as WooCommerce formats them, and updates as soon as the shopper picks an option.
Clothing and bags
Show the weight of each size.
Shipping clarity
Show measurements near the Add to basket button.
04 / Installation and setup
How to show variation measurements 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 measurements in the Complementor library.
Enter dimensions and weight on the product and its variations.
Add the widget to the product template, or choose a product.
Choose what to show and the layout.
Style it and pick an option on the product page.
05 / Content and style controls
Customize variation measurements in Elementor
Configure the settings available for this module to suit the page you are building.
Follows the chosen variation.
Formatted by WooCommerce in store units.
Product values when a variation has none.
Works for simple products too.
Rows hide when empty.
One per line or on one line.
06 / Choose the right approach
Variation measurements and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
The Additional information tab
Updates with the choice but sits in a tab shoppers may not open.
Typing sizes in the description
Cannot follow the chosen option.
07 / Requirements and compatibility
Variation measurements compatibility with Elementor
- Requires Elementor and WooCommerce.
- Reads measurements; does not change them.
- Dimensions and weight 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 measurements
Check these settings if the published page behaves differently from the editor.
Why do the values not change?
They change only on the product's own page, and only when variations have their own measurements.
Why is a row missing?
That value is empty for the chosen option and the product.
Which units are used?
The store's dimension and weight units in WooCommerce > Settings > Products.
Why is nothing shown?
The product and its default option have no dimensions or weight.
Variation measurements plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Where does it get its information?
From the dimensions and weight WooCommerce stores for the product and its variations.
Does it work in a product template?
Yes. Leave Product on Current public product and it follows the product being viewed.
Why does nothing show in some cases?
It stays silent when the information would be missing or untrue. In the editor a short note explains why.
Does it change shipping?
No. It only reads the measurements.
10 / Annual All Access subscription
Get variation measurements 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.