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`

Hi,

Thank you for the update.

Have you tried adjusting the value of the Thumbnail width field or option? You can also try this code in the functions.php file to revert the images back to the default dynamic thumbnail.

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

Hey Petros,

Thank you for the inquiry.

The width of the product catalogue image is set to 450px by default, so uploading images with that exact size should work fine. But we recommend uploading larger images, at least twice of that the specified Thumbnail width. You can find the Thumbnail width field in the Appearance > Customize > Woocommerce > Product Images panel.

Best regards,
Ismael

Hi,

Thank you for the inquiry.

Have you tried selecting a specific thumbnail in the Styling > Gallery Preview Image Size or the Gallery Big Preview Image Size settings? In the actual gallery shortcode, the parameters may look like this.

[av_gallery ids='3346,3345' style='big_thumb' preview_size='portfolio' crop_big_preview_thumbnail='avia-gallery-big-crop-thumb' thumb_size='portfolio' columns='5' imagelink='lightbox' link_dest='' lightbox_text='caption' lazyload='avia_lazyload' img_scrset='' html_lazy_loading='disabled' alb_description='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-l9f0rems' sc_version='1.0' admin_preview_bg='']

Set the preview_size and the thumb_size parameters accordingly. Or just make sure that the uploaded images have the correct size and aspect ratio.

Best regards,
Ismael