I have a size of 324*243 which rendered in product archive and shop page.In bigger screens the images appeared as blurred.How can i fix that?
1 Answer
Leave an answer
You must login to add an answer.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I have a size of 324*243 which rendered in product archive and shop page.In bigger screens the images appeared as blurred.How can i fix that?
You must login to add an answer.
To fix that,You should call a larger resolution images than the existing one. Let’s set a size of 513*385 in both pages,which will look good.These are the following steps:
// Define the new thumbnail image size add_image_size( 'woocommerce_thumbnail', 513, 385, true ); // Update the WooCommerce thumbnail image size settings add_filter( 'woocommerce_get_image_size_thumbnail', function( $size ) { $size['width'] = 513; $size['height'] = 385; $size['crop'] = true; return $size; } );