Archived topic
single product images problem?
3 replies · Started by johnaps on July 19, 2021
Hello GP Team!
Sometimes, not always, my main product image wont be shown in 800px width (which i have set in customizer) and it will be shown in a smaller width (maybe in the images actual width)
If i reload the page, the problem goes away!
I think this maybe happens only on products that their main image actual size is smaller than the set size of 800px that i have in customizer!
Also i want to comment that when this happens, and the product has more than one images, the second image appears next to the main image...
When reloading everything seems ok though!!
I thought that this maybe be wp-rockets problem, but i have seen it even while wp-rockets is disabled!!
Does all this maybe ring a bell for any kind of insight or suggestion that i can try about this?
If it is necessary i will make a video about this, but it happens very randomly and a few times, so if you have anything i can try before making a video it would be best!
Thank you for any help!
Hi there,
Woo is responsible for the image output and the carousel sizing, they use Slick Slider. Generally this kinda issue occurs if there are various size images in the gallery OR if the original Full image is smaller then the size you set in Woocommerce Images settings. Woo likes consistency for all images across all products/galleries.
As the Slick Slider uses JS part of that is to calculate the size of the slide track and its images, which on initial load may mess things up if it gets image sizes it wasn't expecting. Normalizing image sizes is the best way to eliminate theses kinds of problem.
If can you share a link to a product where this happens - i can take a look to see whats happening.
Thank you David!
The solution must be what you suggested! I wanted confirmation!
Even if i sent you an example url, you wont necessarily see the problem!
But i believe that this problem happens only when the main image is smaller that the set woocommerce main image size!
Thank you for your input, if the suggested solution is to change the image's size, i ll do that!
Glad to be of help!
