All product images same size

Hi there,

Thanks for reaching out.

Can you please share the product category link where images are not showing up in uniform size?

I just checked the following category, and I can see they are showing up in the same size:

https://www.delicatefabrics.net/product-category/silk/

Best,

My apologies, you are correct.

It is the product images that I want to force uniformity and the same size.

Please see here: https://www.delicatefabrics.net/product/plumglitter/

Hi there,

Thanks for getting back to us.

It looks like this issue is coming from the “WooBuilder Blocks” extension. Can you please try to deactivate the extension and see if the images load fine?

Let me know how it goes!

Best,

I tried and I also checked a different product that is using the prebuilt template and the images still change in size. Although I recognize the images uploaded are different shapes and sizes.

Please see this one for comparison. https://www.delicatefabrics.net/product/embroidered-two-tone-flowers/

I am updating this post to add clarification and hopefully this will help me get to a solution.

I understand that the plugin I am using is dictating the format of my product page. What I am looking for though is a CSS that can override image settings of my products.

This product here https://www.delicatefabrics.net/product/272822a/ is showing the product image in my ideal size.

When I use the developer mode on this page, it tells me the rendered size of this image is 329 x 219px. With this in mind, I would like to find a way to make all images as a 1:1 ratio in my product pages, just like what happens with the category images that WordPress automatically does when using the Boutique child theme of Storefront.

I hope this explanation helps you help me!

Hello there,

As an alternative solution you can crop the image using an image editor, and then upload the new image to the products.

You can also use aplugin for that purpose, for example:
https://www.ads-software.com/plugins/imagemagick-engine/

Let us know if that worked, or if you have further questions.

I’m not sure how the recommended plugin will solve my issue. I want my images to render the same size and this plugin doesn’t seem to do that.

I am aware of the alternative solution, but that is not timesaving in any way. That’s why I’m looking for a code to auto resize my images to fix into specified dimensions.

Hello,

I understand your point ??

If you would like a custom code to override the size of the images generated by Storefront, please refer to this thread.

I hope this points you in the right direction.

That is great, thank you!

Hi @hautecreations

I’m glad we were able to help you! ??

If you have a few minutes, we’d love it if you could leave us a review:

https://www.ads-software.com/support/theme/storefront/reviews/

Thanks!