shahzeb104

Hi,

Thank you for your response!

Yes, you’re correct that the image switches when I try to scroll while clicking (or placing my finger) on the product gallery thumbnail. However, my intention is to scroll the page, not change the image. This behavior makes it tricky for users on mobile devices since the small screen size means they might naturally place their finger on a thumbnail to scroll, which unintentionally triggers an image change.

What I’m hoping to achieve is this:

1. Scroll without changing the image: When I tap and vertically swipe over the product gallery thumbnails, the image should not change. I want the screen to scroll without affecting the gallery.
2. Image change only on a tap: The image should change only when I specifically tap (put my finger down and release) on a thumbnail. There shouldn’t be any change if I’m swiping.

The current behavior negatively impacts user experience because users frequently swipe to scroll on mobile, and the images change unintentionally.

Let me know if there’s any solution or workaround for this.

Hi,

Thank you for reporting the issue. I need to have both the variation images in product gallery as well. The customer may not click the variations to see the variation images. That’s why it’s important for me to show the variation images in gallery as well. Do you have any information about when this issue will be resolved? I think it’s a major bug that needs to be resolved ASAP.

Now coming to the solution you provided, following that I found a new bug. First I’ll explain you a bit about my variations so that it will be easier for you to understand. I sell mugs. They are of two variations 11oz and 15oz. The 15oz mug is taller than 11oz mug.

I removed the 15oz variation image from product gallery. I need to set the main product image. For the main image I’ve used the 11oz variation image. The main product image is by default shown as the first image in product gallery. Now I select 15oz variation. The correct image is shown. I select any other image from gallery except the first one. Correct image is shown. Now when I select the first image in gallery (which is the 11oz variation image), I’m shown the 15oz variation image. The reason is I selected the 15oz variation earlier. I should have been shown the 11oz variation image. I wasn’t facing this issue before. This issue came only when I removed the 15oz variation image from gallery. Here’s the video for better understanding: https://app.screencast.com/NmKQS4kCGYaFs

Now I was like DAMN! I got stuck in a new issue. What to do now. So I thought of replacing the main product image with a new image, an image that is not any of the variation images. To my surprise, this did not resolve the issue. I found out that clicking on the first gallery image (which is basically the main product image), I’m always shown the image of variation that’s already selected. It doesn’t matter what the main product image (first gallery image) is. I’ve used a totally different image as the main product image, still I’m shown the variation images that I set in Variable Product -> Variations. Here’s the video for better understanding: https://app.screencast.com/jzjBUeaEBhkiP

I’m honestly shocked to see how these major issues have not been resolved considering WooCommerce is used by millions of online stores worldwide. I’ve tried my best to explain the issue, providing you with videos as well.

I’ve set up the staging environment. Issue persists. Theme being used on staging is Storefront. All plugins are deactivated except WooCommerce.

Here’s the link: https://melmun.com/melmunstaging/product/coffee-time-mug/

Switched to Storefront theme. Issue is still there. Deactivated all the plugins except WooCommerce. Issue persists.

Headed over to WooCommerce → Status → Tools, and did the following:

• WooCommerce transients – Clear
• Expired transients – Clear
• Clear template cache – Clear
• Capabilities – Reset Capabilities
• Clear customer sessions -Clear
• Product lookup tables – Regenerate
• Regenerate the product attributes lookup table – Regenerate

Cleared browser cache and checked on different browsers (chrome, firefox, edge), issue is still there.

Here’s the Mozilla Pastebin link to System Status Report and Fatal Error Log.