shahzeb104

Hello.

Any update on this? It has been almost 2 months since I reported this issue. Just checked the status at github thread, doesn’t seem like the dev team has started working on this issue.

Can you please ask the dev team again? This is a major issue.

I contacted WooCommerce support. Here’s their reply:

“Please note that if this issue were caused by WooCommerce, it would likely be consistent across all themes. Since the issue is resolved when you switch to a theme other than Astra, it strongly suggests that the problem is related to the Astra theme, not WooCommerce.
I recommend reaching out to the Astra theme support team again with this information. They might need to investigate further to ensure compatibility with WooCommerce’s flexslider implementation or look into any specific customizations in their theme that might be causing the glitch.”

Here is my conversation with them. You can see in the conversation that I asked them twice about this issue. They are pretty confident that the issue is from Astra’s end and not from their side. I think what they’re saying makes sense. If this glitch issue is from WooCommerce then it should appear in all themes, but that’s not the case.

Please further investigate this issue. It’s a major UX issue and is having a negative impact on my website, and probably thousands of websites that are using Astra.

Astra team says they’re using the flexslider from WooCommerce only. I already shared their reply here. They’re saying this issue is not from their end. This glitch issue is a major issue from UX point of view and is negatively affecting my website.

Can you please look into this issue? Maybe this issue is from WooCommerce’s side.

Tested on different android devices using different browsers (Chrome, Firefox, Edge). Glitching issue appears in every scenario.

Tested on iPhone using Chrome and Safari. Glitching issue appears here as well.

This glitching issue is a consistent issue on both android and iOS, and on different browsers.

I’m using Astra theme in my production website, not storefront.

Okay. Looking forward to the issue getting resolved soon.

Hi,

I’ll share my findings with you soon. Please keep this thread active.

Hi.

Wanted to know if the dev team has worked on this issue. Checked the GitHub thread, doesn’t seem like there has been any progress. Has been more than 2 weeks.

Hi @bsfherman,

Thank you for the reply. Wanted to know if you checked this issue with the team?

I’m facing this issue with Astra theme as well. I tried two other themes (Twenty Twenty-Two and Twenty Twenty-Three). Didn’t face the issue with these themes. Seems like this issue is with some themes.

Thank you.

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.