Variation image swatches on the product page mobile version

I’m experiencing an issue with the variation image swatches on the product page. On mobile devices, when I try to scroll down the page and my finger touches a swatch to start the scroll, the variation changes unintentionally.

This creates a bad user experience. Is there a way to fix this behavior, perhaps with JavaScript or another method?

Attachments:

You must be logged in to view attached files.

Hello,

Create a preset with such a condition – https://prnt.sc/Wd_xxc_V5TGV in Theme Settings -> Settings presets. Then go to Shop -> Variable products and limit the swatches here https://prnt.sc/vWd3JLGheCkn

Clear the cache and check how it works.

Kind Regards

Hello, I’ve tried this and the problem is still the same.
I’ve attached a video hopefully it explains the exact problem:
“On mobile devices, when I try to scroll down the page and my finger touches a swatch to start the scroll, the variation changes unintentionally.”

here’s a url with the video

https://jmp.sh/s/BX8WzW0bmzSdzbiHhWod

also here’s another example of how it should work when you touch scroll on mobile, basically when touch scrolling the variable should not change…

https://jmp.sh/s/C0PWCLw2b0E4pbO7W1hL

Hello,

Apply the 666658 patch in WoodMart -> Patcher. Clear the cache and check how it works.

Kind Regards

Thank you, it works now!

Hello,

Thank you for confirming that the issue has been resolved with the patch application. If you have any further questions or need additional assistance, please feel free to reach out.

Kind regards

[Author]

Posts