image sizes

[Mag8891]

hello Harry I am trying to inderstand the images sizes and thumbnails issues, I have regenerated the tumbnails for all my images at the moment.

[Mag8891]

This reply has been marked as private.

[Mag8891]

same when I check my home page it asks lot of images to be resized to 269×358  and 269×269  this seem to be images from best sellers section and trending, so how can I optimize them to the right size

 

I have installed plugin Webcraftic Clearfy  with additional Webcraftic Robin image optimizer

when you go to the image optimiser main settings below you can see all the thumbnails including the sizes required by different plugins on the site, however, 269×358  and 269×269 or 193  are not presented there, so I think there is some issue that thambnails that are required by the theme blocks are not recorded in the system, so Regenerate Thumbnails plugin same is this plugin just don’t know about that required sizes.

 

Could you please have a look at it and fix as I have a lot of images on Woocommerce and this is a huge issue for google page speed test.

 

Many thanks

Attachments:

You must be logged in to view attached files.

[Mag8891]

bigger view

Attachments:

You must be logged in to view attached files.

[Mag8891]

I have also read that if standard thumbnail sizes are not required by the theme I can stop generating it, so please let me know which sizes I need and how to add the missing sized 269 and 193 I think usually is is added in functions php.

that is what I have read here

https://www.webnots.com/how-to-cleanup-thumbnails-in-wordpress/

[Harry]

Hi,

The size you set for blog post only.

You can change product image dimension in Appearance > Customize > WooCommerce > Product Image > Thumbnail Cropping > Choose 1:1 and change setting for Main image width is: 570 and Thumbnail image width to 269

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

This reply has been marked as private.

[Harry]

Hi Mag,

1. The setting of image dimension base on your product image, you can do the best for your site. Don’t need follow me.

2. I’m sorry. It doesn’t have any way to optimize from Instagram 🙁

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

Hi Harry

1. still trying to understand so thumbnails size 269 is it required by your theme?

what about main image size 570, does it come from you theme setting too? why is it not 750 as it was before.

 

2. So it is better then that I deleted all WP settings thumbnails for blog posts this sizes 150×150, 300×300, 1024×1024

so it is not generating this thumbnail for all my product images automatically. If I don’t use blog only shop, then if needed I can upload correct sizes for blog images separately.

 

3. How can I deregister  in fuctions.php yith_wcbr_logo_size – 0x30  and  yith_wcbr_grid_logo_size – 0x60

will it be correct as below

function remove_yith_wcbr_plugin_image_sizes() {
    remove_image_size( ‘yith_wcbr_logo_size’ );

  remove_image_size( ‘yith_wcbr_grid_logo_size’ );
}
add_action(‘init’, ‘remove_yith_wcbr_plugin_image_sizes’);

as at the moment this add this thumbnail sizes again to all product images when it is only needed for images of the brands that I can do manually if needed only for brand pictures.

 

4. where is the setting for woocommerce_gallery_thumbnail – 100×100  is it same as   shop_thumbnail – 100×100

and  medium_large – 768×0  what is this for? I don’t see it on blog post settings

 

thank you

[Harry]

Hi Mag,

1. The thumbnail image’s width on category page if you set layout with 4 products/row is: 269 http://prntscr.com/ltcdir so i recommend set it 270.

On single product page the main image’s width is: 570 http://prntscr.com/ltce4v so i recommend set it is 570 not 750

2. By default you still have to set thumbnail for blog post without use blog.

3. I’m not sure the function, please contact to plugin author.

4. On new version of WooCommerce they remove the option to set width of thumbnail on gallery, please follow this topic https://docs.woocommerce.com/document/image-sizes-theme-developers/ to change.

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

OK thank you for clarifications!

[Mag8891]

This reply has been marked as private.

[Harry]

Hi Mag,

1. I check your site the product image on catalog page now using correct size 269 http://prntscr.com/lttzgg

2. WooCommerce auto load file in 150×150 for thumbnail http://prntscr.com/ltu01g

3. Please remove these phôt 768×0

4. We also fixed zoom function on your site.

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

2. Hi sorry but I am confused as earlier you gave this link https://docs.woocommerce.com/document/image-sizes-theme-developers/ and it says in my admin that I have

woocommerce_gallery_thumbnail – 100×100   and shop_thumbnail – 100×100

So why WC uses 150 for gallery instead of default 100 at the moment?

in the article it says below , so did you change this code in your theme ?

So for example, if I wanted to change gallery thumbnails to be 150x150px uncropped images, you could use the following code:

add_filter( ‘woocommerce_get_image_size_gallery_thumbnail’, function( $size ) {
return array(
‘width’ => 150,
‘height’ => 150,
‘crop’ => 0,
);
} );

 

I have found this plugin Stop Generating Image Sizes  that can stop unnessesary thumbnails, so I need to understand which sizes I need to leave not to waste disk space.

 

Did you change any settings as today when I check …../product-category/swim/  it loads variations circles attached, but yesterday it said can’t find images for them 150×150, not it seems to use images 269?

4. Could you please write how did fix it?

as I am still restoring my older backups as it is a complete mess with the thumbnails at the moment.

 

Thank you.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Mag,

1. The thumbnail size of gallery it get setting of thumbnail in Settings > Media http://prntscr.com/lu1omo

4. Please download attach file and replace in claue > assets > js

Regards

Attachments:

You must be logged in to view attached files.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

Hi OK and the this size woocommerce_gallery_thumbnail – 100×100  is not used anywhere? And I can switch it off?

 

Thank you

[Harry]

Yes, don’t need to use code any where, please remove the code.

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

thank you

[Mag8891]

hi could you please check variations zoom as I tested it and it seems like slight delay or overlapping it shows previous variations image for a second with current image when zooming, is there any time setting to avoid it?

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

This issue because the original image of the delay variation bigger than other, it need more time to load.

It only way to have same dimension for all variations image.

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

Hi I have regenerated all images to have sizes 500  269 and 100 so they all should have same sizes?

And when I check with standard theme it is not happening, could you make it same code as standard theme uses to show this zoom?

 

thank you

[Harry]

Hi Mag,

The original image when you upload not affect by Regenerate plugin. You should optimize and crop before upload.

Regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Mag8891]

Hi I know that so I first optimused all my images then fenerated all thumbnails, also Robin image optimizee is set up to optimize rhumbnails too, so coupd you make same zoom code as standard theme uses as it is not happening with twenty fifteen theme i checked there all works without delay with same images.

Thank you

[Mag8891]

This reply has been marked as private.

[Harry]

Hi Mag,

I check your site it now the image show correct dimension you setup http://prntscr.com/o8693p.

Please check again.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts