Complementor/Product primary image link
Commerce / widget · Elementor module

Product Primary Image Link Widget Plugin for Elementor

Link to the full-size file of a WooCommerce product's main image, with its pixel size if you like, optionally in a new tab.

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

Real image links

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

02 / Inside WordPress

Product primary image link controls in Elementor

Content sets the product (the current one or a selected product), the link text with {width} and {height}, opening in a new tab with a screen reader note, and an optional icon. The Style tab covers typography, colour, alignment, background, border, radius and padding, link colours and underline, and the icon.

03 / Website use cases

Where to use product primary image link

Shoppers checking details, and buyers of prints or patterns, often want the full-size photo, but WooCommerce offers it only through the gallery lightbox. Product primary image link adds a plain, accessible link to the main image's full-size file, with its pixel size if you like, in any layout and on any page.

01

Art prints

Let buyers see the whole image in detail.

02

Product details

Let shoppers zoom into the photo in their browser.

03

Press pages

Link to a product's full-size photo.

04 / Installation and setup

How to link to a full-size product photo 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 primary image link 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 link text and choose a new tab if you like.

  5. Style it and open the link.

05 / Content and style controls

Customize product primary image link in Elementor

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

  • Link to the full-size main image.

  • Pixel size in the text.

  • Optional new tab, announced.

  • Underline always, on hover or none.

  • Hidden without an image.

  • Style: typography, colour, surface, icon.

06 / Choose the right approach

Product primary image link and Elementor alternatives

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

WooCommerce's lightbox

Opens only from the gallery on the product page.

A hand-made link

Breaks when the product image changes.

07 / Requirements and compatibility

Product primary image link compatibility with Elementor

WordPress 6.5+PHP 8.0+Elementor 3.25+
  • Requires Elementor and WooCommerce.
  • Main product image only.
  • Links to the file; does not open a lightbox.

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 link

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

Why is nothing shown?

The product has no published main image.

Why is the size smaller than my upload?

WordPress scales very large uploads down by default; the link opens the file it serves.

Why is “(opens in a new tab)” not visible?

It is read by screen readers only.

Can it open the lightbox?

No. Use Product image gallery or Product gallery image count for that.

09 / Frequently asked questions

Product primary image link 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 product's main image in the WordPress Media Library.

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 links to it.

10 / Annual All Access subscription

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