Recommended Image size for Woocommerce Category and Detail

Hi,

I've run into the same issue I had with the Hikashop version. My product images are massive in Category listing and not aligned correctly in Product details. Have a look here
http://www.mybuff.com.au/testwpgk/produ ... inal-buff/

My product images work fine with Woothemes Storefront theme so I'm wondering what I am doing wrong. Is there some setting I have to adjust? Do I have to resize my product images to fit a specific size?

Regards,

Edward

Hi,

Yes, you have to specify image sizes. Please check WooCommerce -> Settings -> Products and "Display" tab.
In the Product Images section you can set the size (catalog images are used for the category view).
For existing images, you'll have to use this plugin:
https://wordpress.org/plugins/regenerate-thumbnails/

295 x 295 is the size from the demo, but if your images have different ratio, you should use another size. (i.e. 250 x 350)

Thanks Piotr,

it looks as if the theme is set to fit the image in width but not in height. Can I change this with a simple override or a setting? If not I just put my images on a 295px wide canvas.

Regards,

Edward

Try to add the following code into the theme’s css/override.css file (make sure to enable the “Use the override.css file” option in Template options > Advanced in the WordPress backend)

Code: Select all

ul.products li.product>a>img {
    width: auto;
}


Thanks Piotr