WooCommerce: Product image sizes not changeing

Hi! i’ve a similar problem, the products featured images are HUGE, i mean 1500x900px (or the original size of the uploaded image), i discovered that wordpress is not creating thumbnails, in uploads folders are only the original images! not the cropped ones.

Something extrange is happening, there’s a exception, the main page.!

The featured images appear at the right size, and the fuction the_post_thumbnail is working, The main page,

index.php calls different querys for some customs terms (artist name e.g), and the it get a template get_template_part

Within that template is the code of the thumbnail, the_post_thumbnail, etc, but in the others pages i’ve to use the woocommerce hooks to show the images.

I hope someone could help me! Thanks

Me again, i’ve found the solution!

Open the page were the image size is being changed, find the loop, e.g:

if ( have_posts() ) : while ( have_posts() ) : the_post();

// Loop code, thumbnail woocommerce function, etc

endwhile; endif;

and remplace it for:

query_posts($args); // Note: if there’s no arguments for the query, it can be empty

//loop code, call the default thumnail function! the_post_thumnail()

rewind_posts();

I hope that could do the trick!

OMG! WOo commerce totally sucks if it cannot handle image size en blaming the dafault CSS … + It has no option for billing per invoice.
Only 6 hours lost with this crappy software.

Tried WP Commerce and that one has no problem at all.

After hunting it down, I found this problem to be located in Woocommerce, not my theme (twentytwelve). The problems lied in these 2 css files:

root/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css
root/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css

As others have stated, I also assumed that Woocommerce would size its images correctly by default, but evidently this is not the case. Image rendering code in the 2 css files should be set to “auto” instead of a percentage. This makes Woocommerce follow the settings in the admin section, as it should.

You should post any solutions to https://www.github.com/woothemes/woocommerce/issues and then they can be patched in future versions of WooCommerce. ??

Apparently another problem arises when you set these 2 css files’ settings to auto. The images then will automatically resize along with the title. If you have products with long titles, the images will be disproportionately large to fit exactly with the title length.

So that means it’s necessary to find these and change them manually, if you can locate them in the extremely long single line of css code. This is ridiculous.

This is the code you should look for in root/wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css:

li.product{float:left;margin:0 3.8% 2.992em 0;padding:0;position:relative;width:22.05%;margin-left:0}

You want to change the 22.05% to whatever pixel width you need.

Also in root/wp-content/plugins/woocommerce/assets/css/woocommerce-smallscreen.css, you want to track down this code:

li.product{width:48%;float:left;clear:both;margin:0 0 2.992em}

Here you want to change the 48%.

I tried using “auto”, but when I put in a few longer product titles, the images automatically adjusted to them and messed up the displays.

This is not exactly a solution, but hopefully they’ll fix the issue in the next update.

Is there anyway to make the WooCommerce settings apply the changes “automatically”?
I really don’t want to start fiddling with the sites coding etc – it’s bound to go wrong! ??

Hi all Woocommerce does let you disable all of its styles, its in the docs here: https://docs.woothemes.com/document/css-structure/

Theoretically you can disable them (all or some) and then reload them from a location outside of the plugin directory (you can move them all to the theme directory and enqueue them or link to them) negating any inadvertent effects of plugin updates and allowing you free reign to adjust all of them to your needs.

You can use this tool to make the CSS easier to work with as it’s all compressed https://mrcoles.com/blog/css-unminify/

Good luck!