Image Flickering on the Product Page
-
I have tried various image settings from your Theme Settings and I prefer the below options
Product image width – Medium
Thumbnail position – Centered
Now when the variations are being chosen, the image flickers, as it appears in the left and moves to center, which is not very friendly to the eye. Below link has a live example
https://goo.gl/ieuu6Q
Can you help?
Hello,
Try to change thumbnails layout for your product page https://prnt.sc/mjwpro
Kind regards
Thanks, but the whole idea is not to change the thumbnail layout and need to use the CENTERED option because of two reasons
1. Better user experience
2. Ability to maintain a decent UX in all mobile and desktop sizes
So, if CENTERED thumbnail is an option, then it must be used FLICKER FREE – kindly assist resolving this rather providing me an alternative
apprecicate thanks
Please, switch to default layout so we can see what is wrong with it and compare to centered one in your case.
https://goo.gl/Vw9KH8
Also see the above example – when there are multiple images for variations it’s doesn’t go to variation image as chosen by the size and color. Kindly have a look meanwhike I will switch to default
Yes, it is how the centered mode gallery is designed. Here is a demo how it is supposed to be used https://woodmart.xtemos.com/shop/other/glasses/penatibus-leo-suspendisse/demo/glasses/
Agree. But the flickering seems to be some error. Could you try between Frame color and print size and see.. how image flickers.. that seems to be a CSS issue.. but not “THE WAY IT WORKS” please look into it.
Also in the example you showed (spectacles) the images are scrolling and have a marquee effect.. but in my scenario the image FLICKERS.. which is eye sore
Could you please try to disable autoheight option for images in Theme Settings -> Product page?
Thank you! Thank you! That one did the trick.. now its cool.. it works!
Great, we are glad that it is fixed 🙂
.
