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 184.108.40.206 - Theme is Journal 2
ThenClearAfterClicking.png (1.46 MiB) Viewed 610 times
BlurryAtFirst.png (980.38 KiB) Viewed 610 times
I'm rarely active at the OC Forum lately. To reach me, contact: email@example.com
A Demoversion of my free OpenCart LIGHT v.220.127.116.11 Software Edition
can be seen in real Action here: http://www.jti.li/shop/
1'200+ FREE OC Extension-Repositories - 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.