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 🙂

[Author]

Posts