Hi,

Thank you for the clarification.

For the single post page, you have to modify the includes > loop-index.php file and define a different thumbnail in this code around line 85.

/*
		 * retrieve slider, title and content for this post,...
		 */
		$size = strpos( $blog_style, 'big' ) ? ( ( strpos( $current_post['post_layout'], 'sidebar' ) !== false ) ? 'entry_with_sidebar' : 'entry_without_sidebar' ) : 'square';

The current thumbnail that is being used is called “entry_without_sidebar” which has a maximum size of 1210x423px. You can replace the current thumbnail with another image with a different size. This is a list of available thumbnails and their corresponding dimension.

$avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);						// small preview pics eg sidebar news
$avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);		                 // small image for blogs
$avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 'crop' => false);	// images for fullscrren slider
$avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );						// images for portfolio 4 columns
$avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );						// images for magazines
$avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 'crop' => false);		// images for fullscreen masonry
$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);		            	// big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );						// images for fullsize pages and fullsize slider

Best regards,
Ismael

Hi,

The size of the product image in your screenshot above is actually 512x512px. Maybe it is the closest size to the specified width value and the only available thumbnail. As we mentioned above, it will not exactly display images with the exact width value.

Please note that the catalogue images will not exactly display in the specified size. It will only display a thumbnail or image size that is closest to the specified width value.

Best regards,
Ismael

Hey Ivana,
I would recommend using the plugin Simple Image Sizes and placing a zero in sizes that you don’t need, including the basic WordPress sizes.
While you could make a function from the thumbnail sizes in functions.php starting at line 211 for your child theme, using this plugin is easier, don’t worry about the age of the plugin, it is very basic and reliable.
Please note that typically you would use the regenerate thumbnails option to correct the existing thumbnails, but in your case you want to “remove” them so I don’t know if the plugin will remove them, you may need to delete them via FTP, but future image uploads will not create thumbnails for the ones you make zero.

Best regards,
Mike

Hi,
I have not used this plugin before but looking at the plugin page it says:

YouTube gallery auto continuous play – embed a playlist or channel gallery and allow it to play one video after the next without requiring viewers to click a thumbnail.

so I assume that if you don’t want the next video to play there is a setting auto continuous play that you can disable, check for this.
If you don’t see this please include an admin login in the Private Content area so we can check.
As I understand the only issue now is that the next video plays automatically and you don’t want this?

Best regards,
Mike

Hi,

What is the original size of the product images that you are using? Try to set the Thumbnail width value to 705 to display the “masonry” thumbnail, which has a maximum dimension of 705x705px.

You can find the list of available thumbnails or image sizes in the functions.php file around line 211.

$avia_config['imgSize']['widget'] 			 	= array('width'=>36,  'height'=>36);						// small preview pics eg sidebar news
$avia_config['imgSize']['square'] 		 	    = array('width'=>180, 'height'=>180);		                 // small image for blogs
$avia_config['imgSize']['featured'] 		 	= array('width'=>1500, 'height'=>430 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['featured_large'] 		= array('width'=>1500, 'height'=>630 );						// images for fullsize pages and fullsize slider
$avia_config['imgSize']['extra_large'] 		 	= array('width'=>1500, 'height'=>1500 , 'crop' => false);	// images for fullscrren slider
$avia_config['imgSize']['portfolio'] 		 	= array('width'=>495, 'height'=>400 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['portfolio_small'] 		= array('width'=>260, 'height'=>185 );						// images for portfolio 4 columns
$avia_config['imgSize']['gallery'] 		 		= array('width'=>845, 'height'=>684 );						// images for portfolio entries (2,3 column)
$avia_config['imgSize']['magazine'] 		 	= array('width'=>710, 'height'=>375 );						// images for magazines
$avia_config['imgSize']['masonry'] 		 		= array('width'=>705, 'height'=>705 , 'crop' => false);		// images for fullscreen masonry
$avia_config['imgSize']['entry_with_sidebar'] 	= array('width'=>845, 'height'=>321);		            	// big images for blog and page entries
$avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 );						// images for fullsize pages and fullsize slider

As you can see, the $avia_config[‘imgSize’][‘masonry’] or the masonry thumbnail is set to have a maximum width of 705px and height of 705px.

Best regards,
Ismael

Hi,

Thank you for the update.

You may need to adjust the size further to display a larger image. Please note that the catalogue images will not exactly display in the specified size. It will only display a thumbnail or image size that is closest to the specified width value. Unfortunately, there is no registered thumbnail with the size 512x512px.

Best regards,
Ismael

Hey luiseheine,

Thank you for the inquiry.

You can actually select a specific thumbnail or image size in Blog Posts element. Set the Styling > Appearance > Preview Image Size settings to the second option, then select a thumbnail from the next dropdown. Let us know if that helps.

Best regards,
Ismael

Hi Marco,

You can adjust the size of the catalogue images in the Customize > Woocommerce > Product Images panel. Look for the Thumbnail width field and adjust its value. Default image width is set to 300px.

Best regards,
Ismael

Hey marcusss,
Thank you for your patience and the links, when I look at your category image above description example and compare it to the direct 512×512 image file the quality looks the same,
but when I compare the 512×512 to the original there does seem to be a difference.
I also see that your images in your media library are jpg but are webp on the frontend, perhaps this is related to your EWWW Image Optimizer plugin or perhaps some quality is lost when WordPress generates thumbnails from webp?
Try disabling your image plugin and upload a new different image to test with, in a good quality jpg format and check again.

Best regards,
Mike

Hey eduardodelat,

Thank you for the inquiry.

The theme automatically generates different thumbnails or sizes for each image, which is why there are multiple versions of the image in your server. These thumbnails are used on different areas or elements in the site instead of loading the original image, which could improve the loading speed.

We do not recommend removing or disabling those thumbnails but it is possible. Please check this thread for more info.

// https://kriesi.at/support/topic/media-upload-and-enfolds-thumbnail-sizes/#post-1271808

Best regards,
Ismael

Hey,

Thanks for contacting us!

Please use this plugin – https://wordpress.org/plugins/simple-image-sizes/ and increase the image size of “widget” which is 36x36px by default. Please do not forget to regenerate thumbnails after changing them.

Best regards,
Yigit

Hey orianos,

Thank you for the inquiry.

You have to modify or override the woocommerce/templates/content-widget-product.php file and define a custom thumbnail for the get_image function in this code around line 32.

<?php echo $product->get_image(); // PHPCS:Ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>

Please check this documentation for more info on how to override a Woocommerce template file.

// https://woocommerce.com/document/template-structure/

Best regards,
Ismael

Hi,
Thanks for the login, it seems like the Regenerate Thumbnails was not working correctly, because when I used the Regenerate Thumbnails option in the Simple Image Sizes plugin the thumbnails were resized. Then I noticed that while the image sizes were correct they were show at full width on the blog page, so I added this css to your child theme stylesheet:

#top.blog .big-preview.single-big {
	max-height: 580px;
	max-width: 845px;
	margin: auto;
}

now the featured images on your blog page /news/ are showing correctly.
Please clear your browser cache and check.

Best regards,
Mike