Change image size of product tab images

Hi,

I’ve hired a website developer to work on the website speed as the website pagespeed score was F0%.

He has gotten back to me and told me to message the theme developer to request for product tab (modular tab) images size to be changed from 800×800 to 302×302. This is causing the site F% rating to be lower than 70%.

https://prntscr.com/qa44n4
https://prntscr.com/qa44o2
https://prntscr.com/qa44p5
https://prntscr.com/qa44q0

He would have done this himself but he didn’t want it to crash the site increase other aspect of the site is connected to this setting.

Are you able to assist in changing the product tab images to 302×302?

thanks,

Hello,

As you want to decrease the product tab images size from 800×800 to 302×302.

I have test your site. You can change the image size from 800 to something else like “302” from Appearance >> Customize >> WooCommerce >> Product Images >> Thumbnail width and Main image width.

Screenshot for clarification: https://jmp.sh/FoiFxWL

Best Regards.

Hi,

You have misunderstood, we want to change the size of the module product tab. https://prntscr.com/qaafb6
https://prntscr.com/qaafhn

we require for the module product tab on homepage to change size – image size crop to 400×400.

what you described before does not solve our issue. we require the image size for product tabs on homepage image size to be 400×400. Having this the current size that it is, is resulting to a slow pageload %

Hello,

You want to change the image size used inside the product tab carousel right?

I have tested this on my test site. The same image size shown whenever I set the size from Appearance >> Customize >> WooCommerce >> Product Images >> Thumbnail width.

Screenshot from my test site for clarification: https://jmp.sh/mRwUXac

Might be its your cache issue which did not display the updated image size. Now I have test your site and set 400 as thumbnail Width from Appearance >> Customize >> WooCommerce >> Product Images.

Screenshot for clarification: https://jmp.sh/WHwllDa

In result now all the thumbnail displaying as 400 * 400 which you want.
Result: https://jmp.sh/BxBtxZ9

That intrinsic part is the original height and width of images. Which we can not change from the WooCommerce options.

Best Regards.

[Author]

Posts