cropped images

[Omar]

Hi there,

How can I display the full image on a single product page rather than crop it?

At the moment if the image is wide, it crops the sides. And if the image is tall, it crops the top and bottom.

I want it so that it shows the full image regardless of the site or orientation.

Thanks,
O

[Anonymous]

Hi @omarobaid, The WooCommerce plugin crops images for the product pages and category pages you will need to change those dimensions in the WooCommerce settings.

There is a Tutorial here on what to do..

Hope that helps.

Regards

[Omar]

Thank you for this, but I have done this already and regenerated the images but it doesn’t seem to take any effect.

Please could you look into this?

[Varun Dubey]

Hi @omarobaid
Please take a look of this thread, it might help you.
https://www.buddyboss.com/support-forums/topic/adjust-product-image-sizes-on-shop-and-individual-product-pages/#post-64656

Regards
Varun Dubey

[Omar]

I tried that before I ask you and it didn’t work!

[Varun Dubey]

Hi @omarobaid
You can try with following
by default it will soft crop, if we add true attribute it will hard crop the image.

add_action('init', 'remove_plugin_image_sizes');

function remove_plugin_image_sizes() {
remove_image_size('bm-product-archive');
add_image_size( 'bm-product-archive', 200, 300 );
}

If it will not work, you will need to modify template file for single product and archive template and replace the product image size call with full.

Regards
Varun Dubey

[Omar]

This worked but for the shop archive page.

I want to fix the image on the single product page only.

Could you please help? We are almost there!

[Omar]

You can close this. I have managed to fix it!

[James]

Omar, can you explain how you fixed it? id like to do the same thing.

[Varun Dubey]

Hi @smackmathew
You can use following use soft crop apprach for product single

add_action('init', 'remove_woosingle_image_sizes');

function remove_woosingle_image_sizes() {
remove_image_size('bm-shop_single');
add_image_size( 'bm-shop_single', 547, 607);
}

Regards
Varun Dubey