Art prints
Show the pixel size of each print’s preview image.
Commerce / widget · Elementor module
Variation Image Pixel Dimensions Widget Plugin for Elementor
Show the full-size pixel dimensions of the image for the WooCommerce variation a shopper picks, such as 1200 × 800 px, with its aspect ratio if you like.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Variation image pixel dimensionsProduct 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 image pixel dimensions controls in Elementor
Product chooses the current product, a selected variable product or one fixed variation, and whether to show the main image’s size before a choice. Display sets a prefix, the text with {width}, {height} and {ratio}, 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 image pixel dimensions
For prints, posters, wallpapers and digital images, the size of each option’s image matters to the buyer. WooCommerce shows the picture but not its size. Variation image pixel dimensions shows the full-size width and height, and the aspect ratio if you like, of the image for the option the shopper picks.
Digital downloads
State the resolution of each wallpaper or photo option.
Formats
Show 3:2 or 1:1 for landscape and square options.
04 / Installation and setup
How to show variation image sizes 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 image pixel dimensions in the Complementor library.
Give each variation its own image in WooCommerce.
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 {width}, {height} and {ratio}, then pick an option to check the size changes.
05 / Content and style controls
Customize variation image pixel dimensions 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 {width}, {height} and {ratio}, such as {width} × {height} px ({ratio}).
The main image’s size before a choice, or nothing.
Variations without their own image use the main image, as WooCommerce’s gallery does.
Prefix such as Image size:.
Prefix and size colours, background, border and radius.
Optional icon such as an expand sign.
06 / Choose the right approach
Variation image pixel dimensions and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
Variation measurements
Shows the product’s physical size, not its image’s pixels.
Media Library
Lists each image’s size to staff; it does not show which option uses which image.
07 / Requirements and compatibility
Variation image pixel dimensions compatibility with Elementor
- Requires Elementor and WooCommerce.
- Variable products and their published variations only.
- Shows public products and their published images 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 image pixel dimensions
Check these settings if the published page behaves differently from the editor.
Why does an option show the main image’s size?
It has no image of its own, so WooCommerce shows the main image.
Why is the size not the size I see on the page?
It is the full-size image you uploaded; the page shows a scaled copy.
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 does nothing show?
The product and its options have no images, or Before the shopper chooses is set to Nothing.
Variation image pixel dimensions plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Is it the size of the uploaded file?
Yes. It shows the full-size width and height WordPress recorded at upload.
Can it show the aspect ratio?
Yes. Put {ratio} in the text for ratios such as 3:2.
Does it change images?
No. It only reads their recorded size.
Does it work with simple products?
No. It is for variable products and their variations.
10 / Annual All Access subscription
Get variation image pixel dimensions 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.