Bug in Enfold for WooCommerce prduct images

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

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,

The issue occurs because Woocommerce just returns the declared thumbnail shop_catalog instead of using the values set in the Woocommerce > Product Images options. The function that controls the image size is located in the plugins/woocommerce/includes/wc-core-functions.php file, look for the wc_get_image_size (line 928).

Your filter works because when the thumbnail is set to woocommerce_thumbnail, the following condition block (line 971) gets executed and return the values or options set in the Woocommerce > Product Images panel.

} elseif ( 'thumbnail' === $image_size ) {
			$size['width'] = absint( wc_get_theme_support( 'thumbnail_image_width', get_option( 'woocommerce_thumbnail_image_width', 300 ) ) );
			$cropping      = get_option( 'woocommerce_thumbnail_cropping', '1:1' );

			if ( 'uncropped' === $cropping ) {
				$size['height'] = '';
				$size['crop']   = 0;
			} elseif ( 'custom' === $cropping ) {
				$width          = max( 1, (float) get_option( 'woocommerce_thumbnail_cropping_custom_width', '4' ) );
				$height         = max( 1, (float) get_option( 'woocommerce_thumbnail_cropping_custom_height', '3' ) );
				$size['height'] = absint( NumberUtil::round( ( $size['width'] / $width ) * $height ) );
				$size['crop']   = 1;
			} else {
				$cropping_split = explode( ':', $cropping );
				$width          = max( 1, (float) current( $cropping_split ) );
				$height         = max( 1, (float) end( $cropping_split ) );
				$size['height'] = absint( NumberUtil::round( ( $size['width'] / $width ) * $height ) );
				$size['crop']   = 1;
			}
		}

Please try to edit the enfold/config-woocommerce/config.php file and look for this code around line 442.

$size = apply_filters( 'avf_wc_before_shop_loop_item_title_img_size', 'shop_catalog' );

Replace it with:

$woocommerce_thumbnail_image_width = get_option( 'woocommerce_thumbnail_image_width' );
		$default_size = $woocommerce_thumbnail_image_width == 300 ? 'shop_catalog' : 'woocommerce_thumbnail';
		$size = apply_filters( 'avf_wc_before_shop_loop_item_title_img_size', $default_size );

Best regards,
Ismael

Hi la_tripping,

Please try this filter in your functions.php file:

add_filter( 'avf_wc_before_shop_loop_item_title_img_size', 'temp_thumbnail_size_fix', 10, 1 );

function temp_thumbnail_size_fix( $thumbnail_size ) {
    return 'woocommerce_thumbnail';
}

Best regards,
Rikard

Hi,
Glad Ismael & Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike