Complementor/Product image pixel dimensions
Commerce / widget · Elementor module

Product Image Pixel Dimensions Widget Plugin for Elementor

Show the size in pixels of a WooCommerce product's main image, with megapixels and orientation if you like.

Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product image pixel dimensionsProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration

Real image sizes

These are the actual published outputs of the widget for real WooCommerce products.

02 / Inside WordPress

Product image pixel dimensions controls in Elementor

Content sets the product (the current one or a selected product), the text with {width}, {height}, {megapixels} and {orientation}, the orientation words and an optional icon. The Style tab covers typography, colour, alignment, background, border, radius and padding, and the icon.

03 / Website use cases

Where to use product image pixel dimensions

Buyers of digital downloads, wallpapers, stock photos and prints want to know the resolution before they pay, and typing it by hand goes wrong when the image changes. Product image pixel dimensions shows the size WordPress stored for the main product image, with megapixels and orientation if you like, formatted in the site language.

01

Digital downloads

State the resolution of a wallpaper or photo.

02

Print shops

Show whether a photo suits a large print.

03

Stock images

List the size next to the price.

04 / Installation and setup

How to show an image's pixel size in Elementor

Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.

  1. Install Complementor, connect your license and enable Product image pixel dimensions in the Complementor library.

  2. Set a product image on the product.

  3. Add the widget to the product template, or choose a product.

  4. Write the text with the placeholders you need.

  5. Style it and check a product.

05 / Content and style controls

Customize product image pixel dimensions in Elementor

Configure the settings available for this module to suit the page you are building.

  • Width and height in pixels.

  • Megapixels with one decimal.

  • Landscape, portrait or square.

  • Site language number format.

  • Hidden without stored sizes.

  • Style: typography, colour, surface, icon.

06 / Choose the right approach

Product image pixel dimensions and Elementor alternatives

Compare the existing Elementor workflow with this Complementor module before choosing your setup.

Typing the size by hand

Goes wrong when the image is replaced.

The Media Library

Shows the size to you, not to shoppers.

07 / Requirements and compatibility

Product image pixel dimensions compatibility with Elementor

WordPress 6.5+PHP 8.0+Elementor 3.25+
  • Requires Elementor and WooCommerce.
  • Main product image only.
  • Stored size, which may be scaled for very large uploads.

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 image pixel dimensions

Check these settings if the published page behaves differently from the editor.

Why is the size smaller than my upload?

WordPress scales uploads larger than 2560 pixels down by default and stores the scaled size.

Why is nothing shown?

There is no main image, or WordPress has no stored size for it (for example an SVG).

Can I hide the orientation?

Leave {orientation} out of the text, or empty its words.

Does it use gallery images?

No. It uses the main product image.

09 / Frequently asked questions

Product image pixel dimensions 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 width and height WordPress stores for the main product image.

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 the image?

No. It only reads its stored size.

10 / Annual All Access subscription

Get product 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.

All Access · 1 site

One website

$29USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 1 site ↗

Renews at $29 USD each year.

All Access · 5 sites

A few websites

$49USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 5 sites ↗

Renews at $49 USD each year.

All Access · 25 sites

More websites

$99USD / year
  • All 1007 current modules
  • Plugin downloads and updates for one year
  • New releases during the paid term
  • Product support
Choose 25 sites ↗

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.