WooCommerce 11.1 Variation Gallery Images Blank When WoodMart Theme Is Active

I’m experiencing an issue with the new native variation gallery introduced in WooCommerce 11.1.

Variation gallery images are saved correctly in the product editor, but on the frontend an additional variation image appears blank/white after selecting the variation. Even if the product image opens, it cannot be changed.

I performed a conflict test using WordPress Health Check & Troubleshooting Mode.

Test result:

With WoodMart disabled and a default WordPress/WooCommerce theme active, the native WooCommerce variation gallery works correctly.
As soon as I enable the WoodMart theme, the problem appears again.

Therefore, the issue seems to be related to WoodMart’s compatibility with the new WooCommerce 11.1 native variation gallery.

I also installed the recently released WoodMart Patcher update:

Patch ID: 728198 – UPDATED: WooCommerce templates

It updated the following files:

woodmart/woocommerce/single-product/product-thumbnails.php
woodmart/woocommerce/single-product/product-image.php
woodmart/woocommerce/single-product/add-to-cart/variable.php

Unfortunately, the patch did not resolve the issue.

I also tested with WoodMart’s Additional variation images option disabled and used only WooCommerce’s native Variation Gallery. The problem still occurs when WoodMart is active.

Expected behavior:
The variation’s primary image and additional gallery images should display correctly after selecting the variation.

Actual behavior:
The variation changes correctly, but one of the gallery images is displayed as a blank/white area.

Could you please investigate compatibility with WooCommerce 11.1’s native Variation Gallery?

I can provide temporary admin access and a test product URL if required.

Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you for the detailed information and testing.

I have checked your site and it is working correctly. The variation images and additional gallery images are displayed properly after selecting the variation.

See Screenshot for clarification: https://postimg.cc/r0r9kdpc

Please check back your site and check the issue after completely clearing the browser cache. If you have any questions feel free to contact us.

Best Regards

If you switch between other variations, you will notice that some are missing. Also, once a product is selected, the image does not change when pressing the left and right buttons.

Furthermore, the up and down arrow keys on the left—which should be aligned directly beneath the image—are instead positioned below a large gap.

Attachments:

You must be logged in to view attached files.

Hello,

Please deactivate all the 3rd-party plugins and activate only the theme-required plugins on the site, and then check the issue. I am sure your issue will be solved. Then activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Otherwise, if the issue still exists, then keep the 3rd party plugins deactivated and share the WP admin login details of your site so I can check and give you a possible solution.

Best Regards

I had already tried the steps you suggested. I applied them again, but unfortunately, the result is the same. The issue is specific to the gallery for products with variations. There is no problem if I add just one product image, but the issue arises when I add two or more. This started happening after the WooCommerce update.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you for the clarification, and we apologize for the inconvenience.

Our team is already aware of this issue affecting the product gallery for variable products when multiple images are added. We are working on a fix, and it is scheduled to be included in the next WoodMart update, which is expected to be released next week.

We appreciate your patience and understanding in the meantime.

Best Regards.

Hello,
The update resolved my variation gallery issue; thank you.

However, as shown in the image, the pagination button is vertically aligned, and a dot appears to its left.

Products with a variation gallery do not display in full-screen mode correctly; they either add a “#” redirect or cover the entire page, making it impossible to exit that view.

Attachments:

You must be logged in to view attached files.

Hi there,

This is a known issue that can occur when the main product does not have a gallery, while the default variation has one.

Please add the following code to WoodMart > Theme Settings > Custom CSS & JS > Global Custom JS:

(function($) {
	$('.variations_form').on('found_variation', function(event, variation) {
		var $galleryWrap = $('.woocommerce-product-gallery');
		if ($galleryWrap.find('link').length) {
			$galleryWrap.find('link').each(function() {
				var link = this;
				var linkClone = link.cloneNode(false);

				linkClone.addEventListener('load', function() {
					link.remove();
				}, false);

				document.head.appendChild(linkClone);
			});
		}
	});
})(jQuery);

This fix is already planned to be included in the next theme update.

Kind regards,
XTemos Studio

The pagination issue was resolved with the code you provided; thank you.

You didn’t offer a solution for the full-screen button. Clicking it adds a “#” redirect, but nothing else happens. When I click the image, it opens the new image as a file, whereas it should open using the Xtemos full-screen interface.

Hi there,

Please install patch 729072 from WoodMart > Patcher. It addresses the fullscreen gallery issue with variation gallery images.

Kind regards,
XTemos Studio

I did that, but it still didn’t fix the issue.
The same problem persists with products that have variation galleries.

Hi there,

Thanks for the update. We have checked the fullscreen gallery again, and it is working correctly on our side, as shown here:
https://monosnap.ai/file/9GiidQkJgJHRKPgXHZKPDYDihZRYzA

Please clear your browser cache completely and test again in an incognito/private browser window.

Kind regards,
XTemos Studio

Oh, thank you—no problem! 😀

I had actually cleared the cache, and it seems to have resolved itself after a while.
My issues are sorted out; thanks for your help.

I also have a suggestion for improvement:
It would be great to have the option to switch variations using images for product-specific attributes as well. Global attributes don’t work for my needs, and I’m sure others have similar requests.

Hi there,

Thanks for confirming that the gallery issues have been resolved.

We appreciate your suggestion regarding image-based variation swatches for product-specific attributes. We will pass it to our development team for consideration in future updates.

Kind regards,
XTemos Studio

[Author]

Posts