-
Posts
-
Any reason why my product thumbs on both the product page as well as the Product Grids are fuzzy until you click on them once? Literally as soon as I click on them, they look fine.
I have tried resizing thumbs in the Media options, regenerated thumbnails using a plugin, and nada. When I switch to a base theme (Twenty Twenty), it doesn’t seem to be an issue probably since those product thumbnails are smaller.
I also tried the solutions in this thread but the basic solution code broke my product pages and the enhanced solution code no longer functions (the link to download a file isn’t active anymore).
I’ve also tried switching between Woocommerce 3.0 Product Gallery and Default Enfold Product Gallery but no luck there.
Sample link in the private content.
Hey kellyCraftMedia,
Thank you for the inquiry.
The product gallery looks totally fine on our end, as shown in the screenshot below.
Screenshot: https://imgur.com/UW43gxc
Is that how you see the gallery?
The snippets in the following documentation might help.
// https://docs.woocommerce.com/document/image-sizes-theme-developers/
The filters there should adjust the size of the thumbnails.
Best regards,
IsmaelThe thumbnails are definitely REALLY pixelated, even in your sample screenshot. That product has since sold out, so I provided a better example of the issue in the private content below. You can see in the Product Gallery thumbnail how fuzzy/pixelated the image gets, but when you click on it to view the larger image you can see the original image is nice and big/clear.
I seem to recall something in a previous thread (that I can’t seem to find anywhere anymore!) about the Enfold theme enlarging the product gallery thumbs from the original Woocommerce size, and it ends up just making a mess of the image quality. Could be wrong about that though!
Thanks again.
Hi,
Thank you for the update.
The size of the thumbnails used in the product gallery is 180x180px, and if you want to adjust it, try to use this filter in the functions.php file
add_filter( 'woocommerce_gallery_thumbnail_size', function( $size ) { return 'medium'; } );The medium thumbnail size can be adjusted it in the Settings > Media panel. Default size is 300x300px.
Best regards,
Ismael
- You must be logged in to reply to this topic.