Art prints and posters
Show whether a print is 4:3, 3:2 or square.
Commerce / widget · Elementor module
Product Dimension Ratio Widget Plugin for Elementor
Show the proportion of a WooCommerce product's length and width (or another pair) as 4:3, ≈ 16:9 or 1.36:1, with landscape, portrait or square.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product stored dimension ratioProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Real aspect ratios
These are the actual published outputs of the widget for real WooCommerce products with sizes on their Shipping tab.
02 / Inside WordPress
Product dimension ratio controls in Elementor
Content sets the product (the current one or a selected product), which two dimensions to compare, the ratio format, decimal places, the text with {ratio}, {orientation}, {a}, {b} and {unit}, the orientation words and an optional icon. The Style tab covers typography, colour, alignment, background, border, radius and padding, plus icon colour, size and gap.
03 / Website use cases
Where to use product stored dimension ratio
People buying prints, frames, canvases, mirrors or screens care about shape as much as size, but product pages only list numbers such as 40 × 30. Product dimension ratio turns two of the sizes on the Shipping tab into a familiar ratio such as 4:3 or 16:9, with landscape, portrait or square, so shoppers can see whether a picture fits a frame or a wall. Products without sizes show nothing.
Frames and mirrors
Help shoppers match a frame to a picture.
Screens and panels
Show the nearest common ratio such as 16:9.
04 / Installation and setup
How to show an aspect ratio 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 Product dimension ratio in the Complementor library.
Enter the dimensions on the product's Shipping tab.
Add the widget to the product template, or choose a product.
Choose the dimensions to compare and the ratio format.
Style it and check a product with sizes.
05 / Content and style controls
Customize product stored dimension ratio in Elementor
Configure the settings available for this module to suit the page you are building.
Length to width, width to height or length to height.
Whole numbers, common ratios or decimals.
Landscape, portrait or square.
Sizes and unit as placeholders.
Hidden when sizes are missing.
Style: typography, colour, surface, icon.
06 / Choose the right approach
Product stored dimension ratio and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Typing the ratio into the description
Easy to get wrong and goes out of date when sizes change.
WooCommerce's Additional information tab
Lists the sizes but never their proportion.
07 / Requirements and compatibility
Product stored dimension ratio compatibility with Elementor
- Requires Elementor and WooCommerce.
- Uses the package dimensions entered on the Shipping tab.
- Shows one ratio; variations must share one proportion.
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 product stored dimension ratio
Check these settings if the published page behaves differently from the editor.
Why does it show ≈?
The sizes are within 1% of a common ratio but not exactly equal to it.
Why a decimal instead of whole numbers?
Whole numbers are used only when both terms are 20 or less. Choose another format if you prefer.
Why is nothing shown?
Both chosen dimensions must be above zero on the Shipping tab.
How do I hide (landscape)?
Empty the orientation words; the brackets are removed too.
Product stored dimension ratio 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 length, width and height on the product's Shipping tab.
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 convert units?
It does not need to: a ratio is the same in any unit.
10 / Annual All Access subscription
Get product stored dimension ratio 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.