Hey la_tripping,

Thank you for the inquiry.

Did you adjust the value of the Thumbnail Width field in the Customize > Woocommerce > Product Images panel and set the Thumbnail cropping to Uncropped? Using the filter from the previous thread should switch the thumbnail back to woocommerce_thumbnail and allow Woocommerce to return the image size based on the Product Images settings.

Best regards,
Ismael

Hi,

Sorry for the confusion. The correct attribute in order to enable lazy loading is loading=”lazy” (https://developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading).

You may need to install a plugin for this because not all image entities in the database has the loading attribute by default (e.g shortcodes), so search and replace might not work as expected. Also, please note that WordPress automatically adds the loading attribute to images when they are retrieve using default functions such as wp_get_attachment_image or get_the_post_thumbnail.

// https://make.wordpress.org/core/2020/07/14/lazy-loading-images-in-5-5/

You can try one of the these plugins.

// https://wordpress.org/plugins/optimole-wp/
// https://wordpress.org/plugins/rocket-lazy-load/

Best regards,
Ismael

Hey Annemarie,

Thank you for the inquiry.

Did you adjust the Thumbnail Width in the Customize > Woocommerce panel? Adding this filter in the functions.php file should override the default shop_catalog thumbnail and use the value set in the Thumbnail Width field.

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

Related thread: https://kriesi.at/support/topic/woocommerce-product-images-not-displaying-correctly/#post-1362021

Best regards,
Ismael

Hey paoluccimarketing2015,

Thank you for the inquiry.

Are you using the Product Grid element? If you want the grid to use the specified Thumbnail width in the Customize > Woocommerce > Product Images panel, please add this filter in the functions.php file.

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

Related thread: https://kriesi.at/support/topic/woocommerce-product-images-not-displaying-correctly/#post-1362021

Best regards,
Ismael

Hi,

is there a way to know what image sizes are in use and which are not?

It depends on the elements or shortcodes used in the site. If the site contains a Masonry element for example, the theme will display the masonry thumbnail by default, featured images on pages with sidebar will be displayed as entry_with_sidebar and so on. Please note that WordPress automatically falls back to the original version of the image if the specified thumbnail is not found, so it is quite safe to remove all registered thumbnails without breaking the site. But this will affect the site performance because every elements in the site will load a larger version of the image.

Best regards,
Ismael

Hi,

is there a way to know what image sizes are in use and which are not?

It depends on the elements or shortcodes used in the site. If the site contains a Masonry element for example, the theme will display the masonry thumbnail by default, featured images on pages with sidebar will be displayed as entry_with_sidebar and so on. Please note that WordPress automatically falls back to the original version of the image if the specified thumbnail is not found, so it is quite safe to remove all registered thumbnails without breaking the site. But this will affect the site performance because every elements in the site will load a larger version of the image.

Best regards,
Ismael

Hi,

The avia_woocommerce_thumbnail function, which contains the avf_wc_before_shop_loop_item_title_img_size filter, is also used for the related products and product sliders, so any changes to the function might break existing layouts. And most users do not seem to have any problem with the default size (shop_catalog), so according to @guenter, we will not be changing the function anytime soon. Please keep the filter for now.

Thank you for your understanding.

Best regards,
Ismael

Hi,

Sorry for the delay. Another user provided a temporary solution using one of the filters in the theme. Please check the filter in the link below.

// https://kriesi.at/support/topic/woocommerce-product-images-not-displaying-correctly/#post-1362021

Related threads:

// https://kriesi.at/support/topic/woocommerce-product-images-not-displaying-correctly/
// https://kriesi.at/support/topic/thumbnails-in-woocommerce-being-cropped-to-square-when-they-are-45/
// https://kriesi.at/support/topic/woocommerce-problems-image-size-and-price-with-variations/

Best regards,
Ismael

Hey Martin,

Thank you for the update.

We are currently working on a solution for this. Just to clarify, in your “Butik” page, are you using the Product Grid element from the Advance Layout Builder? Have you tried setting the Styling > Image Size > Select image size to Use default – Woocommerce thumbnail.

Best regards,
Ismael

Hey Nasi,

Thank you for the inquiry.

The theme automatically adjusts the compression level of the uploaded images, which could lead to increase in file size and consume more storage space. You can adjust the default quality by using this filter in the functions.php file.

add_filter("avf_jpeg_quality", "avf_set_quality_mod", 9999, 1);
add_filter("avf_wp_editor_set_quality", "avf_set_quality_mod", 9999, 1);
function avf_set_quality_mod($quality) {
	$quality = 65;   // compression level what you like in percent
	return $quality;
}

Quality is set to 100 by default. And if you want to prevent the generation of multiple images or thumbnails, please check the following threads.

// https://kriesi.at/support/topic/how-to-reduce-thumbnails/#post-1360678
// https://kriesi.at/support/topic/enfold-image-sizes-3/#post-1109028
// https://kriesi.at/support/topic/portfolio-grid-alignment-issues/#post-1306849
// https://kriesi.at/support/topic/how-can-i-delete-all-enfold-image-sizes/

Best regards,
Ismael

Hey Corina!

Thank you for the inquiry.

1.) We haven’t found the actual cause of the issue but another user from a different thread provided a working solution. Please use the snippet temporarily to revert the product thumbnail size back to default.

// https://kriesi.at/support/topic/woocommerce-product-images-not-displaying-correctly/#post-1362021

2.) We are not yet sure why the price is not displaying in the product price. Did you install a plugin for the color picker? Is the price displaying properly when the plugin is disabled?

Cheers!
Ismael

Hi,

Thank you for the inquiry.

@Jason E: Martin (@martin_e83) provided a solution in the following thread (link below). You can use that snippet to override the theme’s product thumbnail configuration and revert the thumbnail size back to default.

// https://kriesi.at/support/topic/woocommerce-product-images-not-displaying-correctly/#post-1362027

Best regards,
Ismael

Hi!

@martin_e83: Thank you for providing a working solution. Please keep it for now until we figure out the issue. Looks like the theme overrides the woocommerce_get_product_thumbnail function which renders the product thumbnails using woocommerce_thumbnail as the default size. The override is located in the enfold/config-woocommerce/config.php > avia_woocommerce_thumbnail, which uses the shop_catalog as the default thumbnail size. This is why the size of the thumbnail is 450x450px.

@cd2s: Please use the snippet that @Martin provided above to revert the product thumbnail size to default.

// https://kriesi.at/support/topic/woocommerce-product-images-not-displaying-correctly/#post-1362021

Best regards,
Ismael

Hey navindesigns,

Thank you for the inquiry.

The size of the thumbnails in the pages above are now the same. Did you manually select a thumbnail in the Styling > Grid Settings > Portfolio Grid Image Size settings? For the blog posts element, you can select a different thumbnail in the Styling > Appearance > Preview Image Size settings.

Best regards,
Ismael