- This topic has 13 replies, 2 voices, and was last updated 5 years, 6 months ago by David.
-
AuthorPosts
-
October 24, 2018 at 12:15 am #708791Anna
Hello, I have a problem with product images on my site. They are blurry on product page, but when I refresh the same page they get sharp. I used “regenerate thumbnails” but it didn’t work. I tried to make page width smaller, but it didn’t help too. Customizer did’t help too – image sizes on product page are 400px, but theme doesn’t seem to see that. It happens only when I have GP as a theme. When I have for example twenty seventeen all images are ok.
Also second question, is there any way to change the proportions of thumbnails displayed under big image? They are square now, but my images are in proportion 3×4.
October 24, 2018 at 3:00 am #708888DavidStaffCustomer SupportHi there,
GP uses the base Woo templates, the single product page columns are 48% of the container width, so your product image is being output at 525px. So you would need to increase the image size or reduce the container width.
The gallery thumbnails can be adjusted using this filter:
add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) { return array( 'width' => 100, 'height' => 133, 'crop' => 0, ); } );
https://docs.generatepress.com/article/adding-php/
Note: crop => 0 is uncropped, change this to 1 to crop the image. You will need to regenerate thumbnails afterwards.
October 24, 2018 at 3:12 am #708894AnnaNone of these work for me π They are still blurry on product page, they get sharp only when I refresh the page.
October 24, 2018 at 3:20 am #708901DavidStaffCustomer SupportCan you try opening the page in an incognito / private browser?
October 24, 2018 at 3:23 am #708902AnnaYes, and the result is still the same.
October 24, 2018 at 3:28 am #708905DavidStaffCustomer Supportthe images are still being output larger than 400px. Have you tried increasing the Product image size to say 600px?
October 24, 2018 at 3:34 am #708907AnnaMy images size is 573×784. It is not the fault of their size, because when I refresh the page they are sharp. It’s even ok when I just move the browser window and then they are suddenly getting sharp.
October 24, 2018 at 4:02 am #708932DavidStaffCustomer SupportThis is what i am seeing:
https://www.useloom.com/share/305482570eb746a2b9a1f1e926e8bb67
October 24, 2018 at 4:09 am #708940AnnaSorry, but I can’t see on this video if images are blurry or not π The video is blurry itself π
But here are my screenshots, before and after refreshing the page (or moving browser window): https://we.tl/t-MT23pPP5d5.
October 24, 2018 at 4:20 am #708943DavidStaffCustomer SupportIts odd, as i am not seeing a change in quality when refreshing or adjusting the browser. This sounds like a caching issue or another plugin such as Jetpack Photon effecting the images.
October 24, 2018 at 4:58 am #708961AnnaI do not have jetpack, it is very odd because I also tried two other computers and other browsers and problem is the same. Nothing helps. But it happens only when GP is activated π
October 24, 2018 at 5:04 am #708967DavidStaffCustomer SupportStrange. To eliminate any resizing issue can you set your product image width to 473px – which is the exact container size. Let me know.
October 24, 2018 at 5:33 am #708996AnnaOk, reducing container width + setting image width to original (573px) helped. It’s not 100% quality but it’s much better now π Thank you.
Do you have any idea about my second question: is there any way to change the proportions of thumbnails displayed under big image? They are square now, but my images are in proportion 3Γ4.
October 24, 2018 at 5:58 am #709005DavidStaffCustomer SupportThats great. May be worth considering uploading an image that is twice the size of the woo product image size. Then when it is resized by Woo it will be an exact 50% reduction which reduces the chances of pixel artefacting / blurring. Also you have an image twice the size which would be used in the Zoom or lightbox.
Did the above filter not work for resizing the gallery thumbs?
-
AuthorPosts
- You must be logged in to reply to this topic.