Image crop / resize on product page

Hello

I have managed to crop images on shop page, but when it opens up on product single page, the images are no longer cropped. Talked with woocommerce, and they suspect that your theme does not allow for the cropping on the single page product.

Attachments:

You must be logged in to view attached files.

Hello,

Could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand is it our theme issue or not?

Regards

Its 50/50, some looks right and some does still not look right.

The first screen shot I sent you, there are the last 3 image sizes, they all end on “0”, they should end on the same as the first size, making a square. But I cant find where to change that.

Sorry, but you didn’t attach a screenshot.

here are the screen shots

Attachments:

You must be logged in to view attached files.

Try to add the following PHP code snippet to the child theme functions.php file to do this

add_filter( 'woocommerce_gallery_thumbnail_size', function ($sizes) {
	return array( 150, 150 );
});

Also, leave this field empty in Theme Settings https://monosnap.com/file/PV0hXgKZE3FQ9jRgq2ktdEuLAvWHv8

Been trying that. Only seems like the thumbnail is getting blury

Attachments:

You must be logged in to view attached files.

Sorry, you need to enable thumbnails bottom position option in Theme Settings -> Single product -> Images. Then it will look similar to the default theme.

Kind Regards

there are no thumb nails now, after I changed. Screen flickers and they disapeer.
But I still need to find a solution for the product image to be square.

Attachments:

You must be logged in to view attached files.

actually the thumbnails are so far down I didn’t notise

Attachments:

You must be logged in to view attached files.

In this case, you need to activate the autoheight option for the product gallery in Theme Settings.

Kind Regards

done that, but it still does not fix the issues with a square product image.

Now it works as with the default theme. As per the WooCommerce configuration. What square images do you mean?

The squares was my first question in this topic. Like the shop page, I want the product single page to be like this.

Attachments:

You must be logged in to view attached files.

But as we understood from the first message, WooCommerce said that images should be cropped on the single product page too. But as you sent a screenshot from the default theme, WooCommerce doesn’t crop images on the single product page. So it is not a problem with the theme but the way WooCommerce works.

My first screenshot shows the 3 last images, has a “0” as the hight. All the others are same size, so my question was where can I make those changes?

Attachments:

You must be logged in to view attached files.

Hello,

These image sizes are registered by the WooCommerce plugin, not by the theme. You need to refer to its documentation or support on this matter.

Kind Regards

[Author]

Posts