Lookbook sections
Show all photos of a product in a grid.
Commerce / widget · Elementor module
Product Image Gallery Widget Plugin for Elementor
Show a WooCommerce product's images as a responsive grid that opens WooCommerce's full-screen gallery at the clicked image on the product page.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product image galleryProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Real product galleries
These are the actual published outputs of the widget for real WooCommerce products.
02 / Inside WordPress
Product image gallery controls in Elementor
Content sets the product (the current one or a selected product), whether to include the product image, the maximum, the image size, what a click does, captions and a link name for images without alternative text. The Style tab covers columns, gap, image shape, corners, border, hover effect and captions.
03 / Website use cases
Where to use product image gallery
WooCommerce's gallery is a slider with small thumbnails, and many layouts need the photos as a grid, in a lookbook section or on a landing page. Product image gallery shows them as a responsive grid with the shape and spacing you choose; on the product's own page a click opens WooCommerce's own full-screen gallery at that photo, so shoppers keep the viewer they know.
Long product pages
Repeat the photos further down the page.
Landing pages
Show a featured product's photos outside the shop.
04 / Installation and setup
How to show a product image grid 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 image gallery in the Complementor library.
Add gallery images to the product.
Add the widget to the product template, or choose a product.
Choose the columns, image shape and what a click does.
Style it and click a photo on the product page.
05 / Content and style controls
Customize product image gallery in Elementor
Configure the settings available for this module to suit the page you are building.
Responsive grid of product photos.
Opens WooCommerce's full-screen gallery.
Square, portrait or landscape tiles.
Optional captions.
Accessible link names.
Reduced-motion friendly hover.
06 / Choose the right approach
Product image gallery and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce's gallery
A slider with thumbnails in a fixed place.
Elementor's Basic Gallery
Needs the images picked by hand and does not follow the product.
07 / Requirements and compatibility
Product image gallery compatibility with Elementor
- Requires Elementor and WooCommerce.
- Product image and gallery images only.
- Uses WooCommerce's lightbox when the theme turns it on.
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 gallery
Check these settings if the published page behaves differently from the editor.
Why does a click open the image file?
The theme does not turn on WooCommerce's lightbox, or the widget is not on the product's own page.
Why are variation photos missing?
Only the product image and gallery images are included.
Why are some photos missing?
Private, missing or non-image files are skipped, and the maximum may be reached.
How do I change columns on phones?
Columns is a responsive control: set it per device.
Product image gallery 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 image and gallery images set on the product in WooCommerce.
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 replace WooCommerce's gallery?
No. It adds a grid; WooCommerce's gallery stays as it is.
10 / Annual All Access subscription
Get product image gallery 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.