Sorefront product images don’t scale properly

  • Resolved adrianamg

    (@adrianamg)


    7 years ago

    Hi everyone! I am trying to create my first store with Woocommerce, and I am using the Storefront theme. I am having problems with the product images, because I′d like that they were displayed with the same size.
    In the products section in woocommerce, in the wordpress dashboard, if I set the size with the “crop” checked, they appear to be the same size, but some of them are cropped, and it looks really bad (https://dl.dropboxusercontent.com/s/426c8al4uuy3xuq/catalogoconcrop.jpg)
    If I uncheck the “crop” option, they don′t crop, but are not the same size, and the taller ones don′t align with the others in the same row, so they don′t look well either (https://dl.dropboxusercontent.com/s/kpm5cq2r5x26p5f/catalogosincrop.jpg)
    My question is if there is any additional css, or plugin, or method to scale the larger images properly, without cropping them. Thank you for your help.

    • This topic was modified 7 years ago by adrianamg.
Viewing 2 replies - 1 through 2 (of 2 total)
  • D Smith a11n

    (@dsmithweb)

    Automattic Happiness Engineer

    Hi there!

    We’ll be glad to help with this. I’m afraid that if you have images of different relative shapes (some tall and skinny, some short and wide), you’re going to either have to crop some of them or else end up with the odd-looking result in your second screenshot.

    I think the best solution may be to ensure you don’t have images of different relative shapes– that is, use image editing software to “pad” the vertical images with some empty space on the sides. That way, you can make the image sizes uniform, so that the cropping doesn’t cut off as much (or any) of the top & bottom. You can experiment with different dimensions to achieve the look and overall layout you want, and use the free “Regenerate Thumbnails” plugin (
    https://www.ads-software.com/plugins/regenerate-thumbnails/ ) as needed.

    Thread Starter adrianamg

    (@adrianamg)

    Thank you, D Smith for your answer. I will try to use your trick adding blank spaces to the taller ones to see if they can look better…I hope that works. Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sorefront product images don’t scale properly’ is closed to new replies.