WooCommerce: Product image sizes not changeing

Well if you look at the CSS, you will see why. It has a width of 94% so no matter what size you put, it will always scale to 94%…You need to either set a bigger size image than the container holding it or change your CSS to not use percentage based width.

I suppose I could give that a try, but then why does WooCommerce offer width/height options in their Settings? (WooCommerce Settings > Cagalog > Image Options category) It seams like the WooCommerce Settings should just work but they don’t.

Im having this same issue. You would think this would be something that would work correct upon install. Would someone mind telling me how to fix this?

I suppose I could give that a try, but then why does WooCommerce offer width/height options in their Settings? (WooCommerce Settings > Cagalog > Image Options category) It seams like the WooCommerce Settings should just work but they don’t.

The settings do work. They are for defining the thumbnail dimensions. They do not stop your theme from scaling the images, though.

Also note that simply changing these values will not update all your previous updated images. It will only affect the images uploaded after you changed the setting.

To update all your previously uploaded images you’ll need to install and run the Regenerate Thumbnails plugin.

Ok so how do we change the size of them? The product page images are to big and I need them half that size.

Thanks

i am having the same problems.. please let me know if you ever find a fix…

Did you explore the possibility that your theme could be responsible, as stated by jameskoster?

Yes and I also figured that a wootheme and a woo plugin would play nice together. There was a mention of changing CSS but a little help on what would be the best way to change or even what to change would be helpful.

oy!! i found the mistake made by woocommerce.. you cant even change it unless you get yourself ftp access to the woocommerce.css file (in wp-content/plugins/woocommerce/assets/css) .. in there (if you make it cleaned up by going to https://procssor.com/) you will find a line (do a search for “img”) that has width: 100%.. change this 100% to auto and you are all set!!

There are several in there that are set to 100%

Im just going to have to find another plugin and theme. I do not have the time to mess with this anymore.

im pretty sure it was this one:

.woocommerce-page #content div.product div.images img {
display: block;
width: auto;
height: auto;
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
-webkit-transition: all ease-in-out .2s;
-moz-transition: all ease-in-out .2s;
-o-transition: all ease-in-out .2s;
transition: all ease-in-out .2s;
}

Use This plugin for regenerate your Thumbnails and for Thumbnails size go to Woocommerce > setting > catalog and change your size which you want…

Changing the “width: 100%” to “auto” did not do it for me. But this did. Just before that code is this:

.woocommerce-page #content div.product div.images {
float: left;
width: 48%;
margin-bottom: 2em;
}

Change the “48%” to your desired width (in my case it was 600px). Bam! Done.

Dear Djgritz!

I have the same problem. The Products images’ size are fixed in WooCommerce’s Cataloge Settings. Here the thumbnails are 90×90 pixel. Now, I disappeared the right sidebar and then the images were to being huge. And I can not make to back my little pretty thumbnail.
I tried your answer, I already downloaded plugins, but no one has not been working.
Can you help me please? I am so done already.

Thank you so much for your answer in advance!

Here is my webshop: https://www.kerekerdo.eu