Hi,
I checked your example post and see that your new 1200×600 png image is the item that takes the longest for your page to load:

but it can be 69% smaller if you use an image compression like Tinyjpg.com for a total size of 267.1 KB:

but typically png images are the largest, if you use the jpg format it would be even smaller, only 87.1 KB for a 90% decrease

For the extra sizes you can delete the sizes you don’t want to use with the delete button, but be careful because different because each size is used by a different element.

Typically you should see around 18 different sizes, so if you see 30 sizes on this screen then some may have been added by other plugins.
If you only see around 18 on this screen but when you FTP you see 30 sizes then this is due to the Regenerate Thumbnails because it doesn’t delete unused image sizes, so in this case you don’t need to worry because these other sizes won’t be created in the future and they won’t slow down you site because they won’t be loaded. Images sitting on a server unused doesn’t slow down a site.
But if you want to remove them you can do so via FTP or you can follow this article that says there 3 plugins that will do it for you: Plugins For Image Cleanup I have not tried any of these.
But this might not be an issue if you delete all of your png images and then upload jpg image to make them smaller.

Best regards,
Mike

Hey,

Thanks for contacting us!

1-Unfortunately, there is not a quick CSS snippet we can share to achieve this. Would adding 2 Magazine elements and displaying only 1 item in the bottom one and displaying it bigger would work?

2- Please edit your Magazine element and give it a custom ID (“right-mag” in example below) and add following code to bottom of Quick CSS field in Enfold theme options > General Styling tab

#right-mag .av-magazine-thumbnail {
  float: right;
  margin-right: 0;
  margin-left: 15px;
}

Best regards,
Yigit

Hi,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:

function av_woo_tabs_below_product_image() { 
    remove_action(    'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1 );
    add_action( 'woocommerce_product_thumbnails', 'woocommerce_output_product_data_tabs', 10 );
    
    } 
add_action( 'init', 'av_woo_tabs_below_product_image');

the expected results:

Best regards,
Mike

Hi,
Try using the plugin Simple Image Sizes, it will let you change the image sizes and let you set the crop to false.
After you make the changes you will need to use the plugin Regenerate Thumbnails to change all of the thumbnails.
I believe the size you want to change is featured_large as it is the 1500×630 image.

Best regards,
Mike

Hey Madeleine,
Try using the plugin Simple Image Sizes, it will let you change the image sizes and make crop false.
The size you want to change is entry_with_sidebar
after you make the changes you will need to use the plugin Regenerate Thumbnails to change all of the thumbnails.

Best regards,
Mike

Hey trevorwilson,

Thank you for using the theme.

You may need to adjust the size of the Large size thumbnail in the Settings > Media panel. Maximum width and height are set to 1030px by default. After the adjustment, please make sure to regenerate the thumbnails or upload the image again. You can use the plugin below to regenerate the thumbnails in bulk.

// https://wordpress.org/plugins/regenerate-thumbnails-advanced/

Best regards,
Ismael

Hey John,
Thanks for the login, each image that you upload should create a few different thumbnail sizes to use, for you image most are missing, see the list below.
I also notice that most of the images in your media library are missing, notice the blank images:

I’m not sure why this occurred but those images have been deleted, I recommend disabling all of your plugins then delete your “blank” images from the media library, and then try uploading that image again with a different file name and see if it then works correctly. If not leave all of your plugins deactivated and let us know so we can check.

Best regards,
Mike

Hey L.D. Witte,

Thank you for the inquiry.

You have to download the latest version (5.2.1) of the theme and update your installation to fix the issues with the product thumbnails. After the update, add this code in the functions.php file to adjust the size of the images 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';
}

Best regards,
Ismael

Hi,
Try following the suggestion in this thread to see if it corrects.

Best regards,
Mike

Hi,
Try disabling all extra plugins except the core woocommerce plugin and try creating a new product to see if the thumbnails are then correct.

Best regards,
Mike

Hi,
I have not seen that Regenarate thumbnails tool before, but the thread doesn’t call to Regenerate thumbnails so perhaps you don’t need to.
Please enable the theme editor so we can check the code in your functions.php, perhaps you made an error and that is why it doesn’t work?

Best regards,
Mike

Hi,
Thank you, I don’t know which thread you were following for the code snippet, but typically as part of the instructions they say to Regenerate Thumbnails after adding the function but I don’t see a Regenerate Thumbnails plugin on your site so I assume that you didn’t do this?
After you Regenerate Thumbnails try creating a new post to see if the function is working.
If this doesn’t help, please link to the thread you are following and enable the theme editor so I can check the code in your functions.php.

Best regards,
Mike

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