I've resized all my photos to fit the exact dimensions they are supposed to display at (500x500px) but whenever I click on a product and go into the product page, the first image that is displayed is always blurry. Then if I click another image in the series, they all display clearly. And if I then click on the first image again, it displays clearly as well.
I've attached two images to show how it looks different (Blurry at first right when the page loads... then clear after clicking on another image and then back to the first again).
Is this just a glitch or is there a setting or mod that can pre-load the image so it displays clearly from the beginning?
Or perhaps it's an image preparation issue? Although they're just standard JPEGs at a quality is set to about 9 or 10.
Using OC version 22.214.171.124 - Theme is Journal 2
ThenClearAfterClicking.png (1.46 MiB) Viewed 633 times
BlurryAtFirst.png (980.38 KiB) Viewed 633 times
I don't use Forum Mail, to reach me, contact: email@example.com
Server Q & A Basic Information on Code + Settings
Demoversion OpenCart LIGHT v.126.96.36.199
1'400+ FREE OC Extensions - from OC v.1.5.x up,
on the world's largest OC-related Github Site: https://github.com/IP-CAM
It was the setting in Extensions>Extensions>Themes>Edit where you have to change the "Product Image Thumb Size"
The word Thumb was throwing me off. It made me this this was a setting for a smaller thumbnail picture on the site, not the actual product image gallery that is displayed with each product. But that's what it was. I had to increase the dimensions of the "Product Image Thumb Size" and now the primary image of each product is displayed nice and crisp immediately upon entering the page.