Hey Hajé,
Thanks for your question but the link to your test product leads to a “page not found” and the login in not admin so we can not see any settings nor any of the product pages, please upgrade the login to admin.
Also please link to the “Anne” thread that you referred to, I believe this might be the source for this code:
add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 ); function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {return 'woocommerce_thumbnail'; } that I see at the top of your page on the front end:

this code should not be showing, so I believe that you have added this to the wrong area, this should be in your child theme functions.php, try moving this if it is not there and regen your thumbnails.
If this doesn’t help then upgrade the login to admin and let us know.

Best regards,
Mike

Hey ditteditte,
Sorry for the very late reply, I looked at the last 8 items on the page that you linked to, and as I understand these are the ones that are showing correctly, and the ones at the top of the page are newer and not showing correctly.
The ones at the bottom that are showing correctly are using multiple images in the thumbnails called a source set, your newer thumbnails at the top of the page are only using one image.
Did you add a new plugin? I see that you have quite a lot of plugins.
I tested creating new products with our latest version and the newest woocommerce and found no changes with the images or thumbnails, so I’m not sure what would have changed on your site.
Do you remember making any changes or adding plugins?

Best regards,
Mike

Hi,
This is true, the “WooCommerce_thumbnail” size is not the same as the “Thumbnail size”
woocommerce sets its own thumbnail size, I don’t understand how this would “brake your whole site” so perhaps you should create a backup.

Best regards,
Mike

Hi,

It is not working because the add_filter function was commented out for some reason, so we corrected it. We also edited the style.css file a bit and removed the invalid PHP code that you added there. The thumbnails are now back to their original aspect ratio. (see private field)

Thank you for your patience.

Best regards,
Ismael

Hey seo-systeme,

Thank you for the inquiry.

In the code below, we modified the parallax banner function a bit to include the category title and re-registers the template hooks. Please create a site backup, then add the code below in the functions.php file.

function avia_woocommerce_big_cat_banner_mod()
{
	if(is_product_category())
	{
		global $wp_query, $avia_config;

		if(isset($wp_query->query_vars['taxonomy']))
		{
			$term = get_term_by( 'slug', get_query_var($wp_query->query_vars['taxonomy']), $wp_query->query_vars['taxonomy']);
			if( ! empty( $term->term_id ) )
			{
				$description 	= term_description() ;
				$style		= avia_get_woocommerce_term_meta( $term->term_id, 'av_cat_styling' );
				$attachment_id 	= avia_get_woocommerce_term_meta( $term->term_id, 'thumbnail_id' );

				$overlay 	= avia_get_woocommerce_term_meta( $term->term_id, 'av-banner-overlay' );
				$font 		= avia_get_woocommerce_term_meta( $term->term_id, 'av-banner-font' );
				$opacity 	= avia_get_woocommerce_term_meta( $term->term_id, 'av-banner-overlay-opacity' );

				if(!empty($style))
				{
					remove_action( 'woocommerce_before_shop_loop', 'woocommerce_taxonomy_archive_description', 11 );
					echo avia_woocommerce_parallax_banner_mod($attachment_id, $overlay, $opacity, $description, $font);
					$avia_config['woo-banner'] = true;
				}
			}
		}
	}
}

function avia_woocommerce_shop_banner_mod()
{
	global $avia_config;

	if(is_shop() || (is_product_category() && avia_get_option('shop_banner_global') == 'shop_banner_global') && !isset($avia_config['woo-banner']))
	{
		$options = avia_get_option();

		if( isset( $options['shop_banner'] )  && ( $options['shop_banner'] == 'av-active-shop-banner' ) )
		{
			$bg 		= $options['shop_banner_image'];
			$overlay 	= $options['shop_banner_overlay_color'];
			$opacity 	= $options['shop_banner_overlay_opacity'];
			$description= wpautop( $options['shop_banner_message'] );
			$font 		= $options['shop_banner_message_color'];

			echo avia_woocommerce_parallax_banner_mod( $bg, $overlay, $opacity, $description, $font );
		}
	}
}

function avia_woocommerce_parallax_banner_mod( $bg, $overlay, $opacity, $description, $font )
{
	if( is_numeric( $bg ) )
	{
		$bg = wp_get_attachment_image_src($bg, 'extra_large');
		$bg = ( is_array( $bg ) && $bg[0] != '' ) ? $bg[0] : '';
	}

	if( $font )
	{
		$font = "style='color:{$font};'";
	}

	if( $bg )
	{
		$bg = "background-image: url({$bg});";
	}

	$output  = '';
	$output .= '<div id="av_product_description" class="avia-section main_color avia-section-large avia-no-border-styling avia-full-stretch av-parallax-section av-section-color-overlay-active avia-bg-style-parallax container_wrap fullsize" data-section-bg-repeat="stretch" ' . $font . '>';
	$output .=		'<div class="av-parallax avia-full-stretch" data-avia-parallax-ratio="0.3">';
	$output .=			'<div class="av-parallax-inner av-parallax-woo" style="' . $bg . ' main_color background-attachment: scroll; background-position: 50% 50%; background-repeat: no-repeat;">';
	$output .=			'</div>';
	$output .=		'</div>';

	$output .=		'<div class="av-section-color-overlay-wrap">';

	if( ! empty( $overlay ) )
	{
		$output .=		'<div class="av-section-color-overlay" style="opacity: '.$opacity.'; background-color: ' . $overlay . '; "></div>';
	}

	$output .=			'<div class="container">';
	$output .=				'<main class="template-page content av-content-full alpha units">';

	if( $description )
	{
		$title = get_the_archive_title();
		$output .=				"<h1>{$title}</h1>";
		$output .=				"<p>{$description}</p>";
	}

	$output .=				'</main>';
	$output .=			'</div>';
	$output .=		'</div>';
	$output .= '</div>';

	return $output;
}

add_action('after_setup_theme', function() {
    remove_action( 'ava_after_main_container', 'avia_woocommerce_shop_banner', 11 );
    remove_action( 'ava_after_main_container', 'avia_woocommerce_big_cat_banner', 11 );
    add_action( 'ava_after_main_container', 'avia_woocommerce_shop_banner_mod', 11 );
    add_action( 'ava_after_main_container', 'avia_woocommerce_big_cat_banner_mod', 11 );
}, 999);

Best regards,
Ismael

Hey Petros,

Thanks for contacting us!

Please edit “woocommerce_thumbnail size” in Simple Image Sizes plugin, update it, save changes and then click Regenerate Thumbnails button.

That should set the image size on categories to 600x600px or any other size you have set in plugin settings :)

Best regards,
Yigit

Hey Anne,

Thank you for the inquiry.

You can add this code in the functions.php file to adjust or replace the default thumbnail used in the shop catalogue.

add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
    return 'woocommerce_thumbnail';
}

Please make sure to purge the cache and do a hard refresh after adding the filter.

Best regards,
Ismael

Hi,

Did you re-upload the thumbnails after adding the code? You can also try and adjust the settings in the Appearance > Customize > Woocommerce > Product Images panel, and make sure to purge the cache.

Best regards,
Ismael

Hey bigskyjt,

Thank you for the inquiry.

You have to modify the includes > loop-index.php file and adjust this code around line 88.

$size = strpos( $blog_style, 'big' ) ? ( ( strpos( $current_post['post_layout'], 'sidebar' ) !== false ) ? 'entry_with_sidebar' : 'entry_without_sidebar' ) : 'square';

Replace the thumbnail entry_with_sidebar with full.

$size = strpos( $blog_style, 'big' ) ? ( ( strpos( $current_post['post_layout'], 'sidebar' ) !== false ) ? 'full' : 'entry_without_sidebar' ) : 'square';

You can also use the following plugin to adjust the size of the entry_with_sidebar thumbnail.

// https://wordpress.org/plugins/image-sizes-controller/

Best regards,
Ismael

Hi,

Thank you for the clarification.

You can add this filter in the functions.php file to disable the default thumbnail (shop_catalogue 450x450px) and revert back to the dynamic thumbnail, which is based on the options set in the Appearance > Customize > Woocommerce > Product Image panel.

add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
    return 'woocommerce_thumbnail';
}

Best regards,
Ismael

Hi,
Try using this script instead:

function custom_replace_post_navigation_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
  $("#top.postid-449 .avia-post-prev picture source").attr("srcset","https://your-site/ms/wp-content/uploads/sysprog-thumbnail.jpg");
  $("#top.postid-4613 .avia-post-prev img").attr("srcset","https://your-site/ms/wp-content/uploads/sysprog-thumbnail.jpg");
 })(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_replace_post_navigation_script');

Best regards,
Mike

Hi,

Thank you for the update.

The crop_big_preview_thumbnail parameter controls the big preview cropping. If you want to display the original image in the preview, try to set the preview_size to full. Again, make sure to upload images with the same size and aspect ratio to make sure that the size of preview images are consistent.

Best regards,
Ismael

Hi,
This is the final solution, I checked your thumbnail in the post navigation and it is now the one you wanted, please clear your browser cache and check.
Please see the screenshot in the Private Content area.

Best regards,
Mike

Hi,
Thanks for the screenshot of your post navigation, that was the part I didn’t understand.
That is a lot trickier, please go to the backend of that portfolio item and change the featured image, this will change the thumbnail in the post navigation.

Best regards,
Mike

Hey spooniverse,

Thank you for the inquiry.

You may need to add this filter in the functions.php file to disable the default thumbnail (shop_catalogue) and revert the images back to use the dynamic thumbnail based on the Woocommerce > Product Images settings.

add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'avf_wc_before_shop_loop_item_title_img_size_mod', 10, 1 );
function avf_wc_before_shop_loop_item_title_img_size_mod( $thumbnail_size ) {
    return 'woocommerce_thumbnail';
}

Best regards,
Ismael`