Complementor/Product primary image aspect ratio
Commerce / widget · Elementor module

Product Image Aspect Ratio Widget Plugin for Elementor

Show the proportions of a product’s main image as a simple ratio with its orientation and shape, and the standard frame sizes that match, for prints and photographs.

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

Try it

These are the actual published widgets reading the demo shop’s product images.

02 / Inside WordPress

Product image aspect ratio controls in Elementor

Product picks the product being viewed or one by ID. Proportions sets the text with placeholders, the shape, the pixel size, matching frame sizes with their unit and label, and an icon. The Style tab covers the text, colour, alignment, background, border, radius and padding, the icon, and the shape colour and size, ratio typography and frames colour.

03 / Website use cases

Where to use product primary image aspect ratio

Buyers of prints, posters and photographs want to know whether a picture will fit a frame they own, and a pixel size means little to them. This widget reads the product’s main image size and shows its proportions as a simple ratio such as 3:2 with landscape, portrait or square and a small shape, lists the standard frame sizes in inches or centimetres with the same proportions, and can add the pixel size.

01

Art prints

Say which frames the print fits.

02

Photography

Show whether a photo is 3:2, 4:5 or square.

03

Posters

Help buyers match an existing frame.

04 / Installation and setup

How to show print proportions in Elementor

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

  1. Install WooCommerce and Complementor, connect your license and enable Product image aspect ratio in the Complementor library.

  2. Use the artwork itself, uncropped, as the product’s main image.

  3. Add the widget to your product template near the size options.

  4. Choose whether to show the shape, pixel size and frames.

  5. Pick inches or centimetres for the frame sizes.

05 / Content and style controls

Customize product primary image aspect ratio in Elementor

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

  • A simple ratio such as 3:2, or a decimal when there is none.

  • Landscape, portrait or square.

  • A small shape with the same proportions.

  • Standard frame sizes that match, in inches or centimetres.

  • The pixel size, if you like.

  • Your own wording with placeholders.

06 / Choose the right approach

Product primary image aspect ratio and Elementor alternatives

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

Product dimension fit note

Whether a package fits a space.

Product price per stored volume

A price per litre of package volume.

07 / Requirements and compatibility

Product primary image aspect ratio compatibility with Elementor

WordPress 6.5+PHP 8.0+Elementor 3.25+
  • Requires Elementor and WooCommerce.
  • Reads the main image’s stored pixel size.
  • Frame matches are within 2% of the image’s proportions.

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 primary image aspect ratio

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

Why is nothing shown?

The product has no main image, or the image is attached to private content.

Why does it show a decimal like 1.62:1?

The image has no simple ratio with numbers up to 16; it shows the exact proportion.

Why are no frames listed?

No standard frame has the same proportions within 2%.

09 / Frequently asked questions

Product primary image aspect ratio plugin questions

Does it need Elementor Pro?

No. It works with the free version of Elementor and WooCommerce.

Does it measure the printed size?

No. It reads the image’s proportions; the printed size is set by your product options.

Which frames does it know?

Common sizes from 4 × 6 to 24 × 36 inches and 10 × 15 to 60 × 90 cm, plus A-sizes and squares.

Does it download or analyse the image?

No. It reads the size WordPress stored when the image was uploaded.

Is it accessible?

Yes. The shape is decorative and the proportions are written in words.

10 / Annual All Access subscription

Get product primary image aspect ratio 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.