magazine thumbnails display at different sizes

Hi,

Please try this filter in functions.php to see if you have any luck with it:

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,

Thank you for the update.

The images in the magazine element get distorted because of this css code.

.AVR-home-page .av-magazine-thumbnail {
    width: 320px !important;
    height: 180px !important;
}

.AVR-home-page .av-magazine-thumbnail img {
    height: 168px !important;
    width: 309px !important;
}

Removing the css code should bring the magazine element back to its default style or layout, screenshot below.

// https://1drv.ms/u/s!AjjTfXSRbKTvxAoJplsUeMQf6rZy?e=HVdrI7

Best regards,
Ismael

Hi,

Sorry for the confusion. Looks like you can only select the thumbnail size for the big entry in the Styling > General Styling panel, small entries use the default thumbnail (80x80px). Please add this filter in the functions.php file instead.

add_filter('avf_magazine_settings', function($config) {
    $config['image_size']['small'] = 'full';
    $config['image_size']['big'] = 'full';
    return $config;
}, 10, 1);

The filter will set the thumbnail size of the small entries to full and display the original image.

Best regards,
Ismael

Hi,
Glad Ismael 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