Resizing Single Product Page Featured Image

Hi,
How to resize Single Product Page Featured Image loaded by woocommerce for each device screen sizes.
The default width is 700px, so when I use the full width image layout, I get a pixelated image.
I need to customise the size for each screen.

Attachments:

You must be logged in to view attached files.

Hi myriamdaghfous,

Thanks for reaching to us.

Basically the product images are controlled by WooCommerce and WoodMart theme doesn’t influence this. The size of the thumbnail you set should be larger than the size of the product thumbnail displayed on the shop page. If the thumbnail size is smaller than what the default size expects, it may appear blurry or not display correctly. You can find the sizes used on the demo here: https://xtemos.com/docs/woodmart/faq-guides/image-size-content-alignment-product-grid/

and Regenerate thumbnails using the appropriate plugin. https://wordpress.org/plugins/regenerate-thumbnails/

Here is the WooCommerce Manual:
https://woocommerce.com/document/fixing-blurry-product-images/

Regards,

[Author]

Posts