Hi Michael,
By looking at the source code, it looks like there might be a setting telling the product images to use thumbnail dimensions. I’d double check your WooCommerce image dimension settings for the “Single Product Image” to make sure that it’s larger than the 323x136px that came up for me – that’s very odd. Any screenshots of your settings might help – also, be sure you’ve temporarily disabled any other plugins so only WooCommerce is active with the Storefront theme, then regenerate thumbnails to see if that fixes the display.
Hy Danny, thanks for your quick reply. As I mentioned, I disabled every plugin (just left “woocommerce”) to check, but nothing changed.
Here the screenshot of the actual setting:
Here
You need more?
Could you add values in the second half of the box to create the max width? You could use 300×300 for example, but generally keeping product images square return the best results. Leaving those values blank may be causing the issue.
Sorry, for not responding, but I was on a trip these days.
I tried every possible combination. With all size data (Square and rectangle), without, only with hight and only with width,
I have the same results. And I did this by deactivating all other plugins.
Try this custom css:
.single-product div.product .woocommerce-product-gallery img {
max-width: 100%;
}
Custom css can be entered at:
Dashboard > Appearance > Customise > Additional CSS
dougaitken
(@dougaitken)
Automattic Happiness Engineer
Hi @michaelwieden
We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.
Adding a note as well to check any theme template overrides you have active as this may be conflicting with the main Storefront/WooCommerce settings for image size.
Thanks,
Hi @dougaitken,
yes SORRY! I am deeply sorry for not responding @lorro. I did not try it yet, because I had a lot of unexpected trouble around christmas! My fault!
Thanks to @lorro and @danielsantoro for their help! I will check it soon, if @lorro’s code works.
Best regards
Michael
