WordPress is displaying my thumbnails vertically and VERY LARGE. Specifically it’s displaying WooCommerce product page thumbnails vertically and VERY LARGE. Can’t seem to figure out why or what piece of code is responsible for this happening.
I already went into WordPress settings > Media, and made sure thumbnail sizes were correct at 150×150. Also tried disabling every plugin minus WooCommerce and that also didn’t do the job.
This is on a cloned version of the main site that I deployed for testing/development purposes. The address is http://192.34.63.150
(That is the address directly to the site. The issue presents itself when you go to a page such as http://192.34.63.150/shop/directioner/)
Here in an image of the issue:
I ended fixing this myself! After a lot of googling, I was lead to look in my wordpress uploads folder to see if Thumbnails were even being generated at all. Turns out they were not being generated! So why? For some reason my php_gd file was disabled in my php.ini file. I uncommented it, ran a regenerate thumbnails plugin in wordpress and viola! It all works now as it should.
I’ll try and answer this for you based on the limited information you’ve provided…
When using woocommerce, you also need to define the various image sizes for your products in the dashboard at Woocommerce > Settings > Product Image Sizes
Whatever size you choose should match the sizes in your Media Library settings, but you’ve already said that these are set to 150×150 so I’m guessing you’ve already done that 2nd part.
If you have recently changed this size, you need to run a batch to resize all the old images as the settings will only automatically apply to new products/images. Alternatively you can use the Regen Thumbnails plugin
HTH