images too big

Hello,

I have reset the image sizes a few times and I have regenerated all my thumbnails with a plugin.

But still, most of my pictures are too large for the 'frame'. They do not fit.

For example: http://test.pommedorange.com/?product_cat=bracelets

Some of the pictures are too big, others are fine. But they were all the same size when I uploaded them.

Can anyone give me some advice?

thank you

Hi,

Please check WooCommerce -> Settings -> Producst tab. Here you can specify Product Image Sizes for you category, set catalog image dimensions.

IN this theme the following settings are used by default:
Catalog Images 295 × 295 px
Single Product Image 445 × 445 px
Product Thumbnails 98 × 98 px

Hi,

Yes, that is what I have done several times. The sizes are now set:
300x300
999x999
300x300
And I have regenerated thumbnails several times.
But it makes no difference.
It seems the page uses the default image sizes? How do I change this?

Thanks

Hi,

Your catalog images is set to 300x300 and you images are i.e. 261 x 261 so it's ok, because images in the InStyle theme are responsive, so they are adjusted to the current containter, you can check it by resizing your browser's window.

Hi

How can it then be that some images fit and some don't? They have all been regenerated.
For example: http://test.pommedorange.com/?product_cat=bracelets
9 products, item number 4, 8 and 9 are too big. 6 and 7 are too small........
How can I fix this?

Regards

You should use images with the same dimensions, check e.g. this one:
http://test.pommedorange.com/wp-content ... -00961.jpg
It's 210 x 150. you should use one dimensions and use it with all images.

Thank you.

That works.
The only thing I have not been able to change is the size of the thumbnails (product gallery) on the individual product page. They are too small.
Can it be changed with a code in css file?

Yes, gallery thumbails may be changed by css. 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

.attachment-shop_thumbnail {
max-height: 150px;
max-width: 150px;
}


Thanks!