Product images to small

  • Resolved michaelwieden

    (@michaelwieden)


    7 years, 3 months ago

    Hello to all,

    I habe a problem with the size of the product-image (product page) in woocommerce/storefront. As I see, the images are only displayed the thumbnail-dimensions, but not in the dimensions listed in “Settings/Product/display”. I tried several dimensions, resized the thumbnails after changing the sizes … but nothing changed. I also deactivated all plugins (but woocommerce) … without success.
    Does somebody has an idea?

    Thanks in advance!

    Sunny regards
    Michael

    • This topic was modified 7 years, 3 months ago by michaelwieden.

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Danny Santoro

    (@danielsantoro)

    Automattic Happiness Engineer

    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.

    Thread Starter michaelwieden

    (@michaelwieden)

    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?

    • This reply was modified 7 years, 3 months ago by michaelwieden.
    Danny Santoro

    (@danielsantoro)

    Automattic Happiness Engineer

    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.

    Thread Starter michaelwieden

    (@michaelwieden)

    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,

    Thread Starter michaelwieden

    (@michaelwieden)

    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

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Product images to small’ is closed to new replies.