Furniture
Show each size in centimetres and inches.
Commerce / widget · Elementor module
Variation Dimension Converter Widget Plugin for Elementor
Show the dimensions of the WooCommerce variation a shopper picks in another unit, such as 7 in (17.8 cm), updating as they choose.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Variation dimension unit converterProduct 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 size follows the shopper’s choice.
02 / Inside WordPress
Variation dimension converter 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 dimension (all three or one), the unit to convert to, decimal places, dropping trailing zeros, the text with {converted} and {store}, a prefix and an optional icon. The Style tab covers typography, colours, background, border, radius, spacing, alignment, prefix and size colours, and the icon.
03 / Website use cases
Where to use variation dimension unit converter
WooCommerce stores dimensions in one unit, so shoppers used to another have to convert in their heads. Variation dimension converter shows the length, width and height of the option they pick in the unit they know, alone or beside your store’s unit.
Frames and prints
Give the width of each option in millimetres.
Fabric and rugs
Show lengths in metres or yards.
04 / Installation and setup
How to show a variation’s size in another unit 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 dimension converter in the Complementor library.
Enter each variation’s length, width and height in WooCommerce, in the store’s dimension unit.
Add the widget to a single product template, or to a page with the product’s add-to-cart form.
Choose all dimensions or one, the unit to convert to and the text, such as {store} ({converted}).
Pick an option on the product page to check the size changes.
05 / Content and style controls
Customize variation dimension unit converter 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.
All three dimensions, or length, width or height alone.
Convert to metres, centimetres, millimetres, inches or yards.
Text with {converted} and {store}, decimals and trailing zeros.
Before a choice: the shared size, the range for one dimension, or nothing.
Variations without dimensions use the product’s, as WooCommerce does.
Prefix, size colours and an optional icon.
06 / Choose the right approach
Variation dimension unit converter and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Additional information tab
Shows dimensions in the store’s unit only, once a variation is chosen.
Variation weight converter
Does the same for weight.
07 / Requirements and compatibility
Variation dimension unit converter compatibility with Elementor
- Requires Elementor and WooCommerce.
- Variable products and their published variations 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 dimension unit converter
Check these settings if the published page behaves differently from the editor.
Why is the conversion wrong?
Dimensions must be entered in the store’s dimension unit, set under WooCommerce › Settings › Products. The editor shows which unit that is.
Why does nothing show before a choice?
With all three dimensions, sizes that differ are shown only once an option is picked. Choose one dimension to show its range.
Why does the size 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.
Why are only two numbers shown?
Only the dimensions set on the variation or product are shown.
Variation dimension unit converter plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Which units can it convert to?
Metres, centimetres, millimetres, inches and yards.
Does it change shipping dimensions?
No. It only displays a converted copy.
Can it show both units?
Yes. Use {store} ({converted}) in the text.
Does it work with simple products?
No. It is for variable products and their variations.
10 / Annual All Access subscription
Get variation dimension unit converter 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.