Gallery images prevent main product image from displaying in some cases

[zsoooti]

When a product has additional images in the product gallery, the main product image sometimes does not display on the product page in Chrome, Edge, and Safari.

Steps to reproduce:

Add a new product in WooCommerce.

Set a main product image.

Add one or more additional images to the product gallery.

View the product on the front end in Chrome, Edge, or Safari.

Observe that the main image may not load, while it works fine in Brave or for products without gallery images.

Expected behavior:
The main product image should always display regardless of gallery images.

Actual behavior:
The main product image fails to load when there are additional gallery images, even though the image exists and loads correctly in other browsers or for products without gallery images.
WooCommerce version: 10.1.1
Browser(s) affected:
Chrome, Edge, Safari

Additional information:

The issue does not occur in Brave browser.

Lazy loading and WebP conversion were tested and are not the cause.

Reproduces only for some products with gallery images.

[pixeljo]

Works for me on Chrome, Version 139.0.7258.139:
Using wordpress playground:
Tested 3 example products

• 1 image in the gallery
• 4 images in the gallery
• 10 images in the gallery

See attached screenshot

[pixeljo]

screenshot of product image with gallery working on chrome

[oglekler]

Hi @zsoooti, welcome to the Trac!

Trac is purely for WordPress development (not plugins, themes, and other things, even Gutenberg has its own repo in GitHub). And it looks like your issue should be addressed in the WooCommerce repository on GitHub: ​https://github.com/woocommerce/woocommerce/issues
Check that this issue isn't reported already, if you will find it, you can add your information to the existing one.

@pixeljo thank you for testing! I hope it was interesting.

I am closing the ticket as unrelated to WordPress core.