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 748 times
BlurryAtFirst.png (980.38 KiB) Viewed 748 times
OpenCart LIGHT 220.127.116.11: http://www.openshop.li/light/
OpenCart V-PRO 18.104.22.168: http://www.velomech.ch/shop/
V-PRO Multi Theme View: http://www.openshop.li/shop/
Free Github OC Downloads: https://github.com/IP-CAM
1'900+ FREE OC Extensions from the world's largest Github OC Archive.
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.
Users browsing this forum: No registered users and 24 guests