Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 27, 2015 at 3:25 pm #479106
    2funky

    Is it possible to show WooCommerce product images in the same size every everywhere – on category and product page, without being stretched. I have product images in a variety of sizes, some are 300px x 300px and other are 120px x 600px etc….
    I would like to have the pictures to show the same way … example: max height / width product page 350px – without the picture is stretched – the narrow image 120px should be centered with white backgrounds with both sides.

    Hope you have a solution

    July 27, 2015 at 5:54 pm #479203
    Elliott

    Hey 2funky!

    Can you send us a link to the pages / posts your referring to so we can take a look?

    Regards,
    Elliott

    July 28, 2015 at 12:53 am #479392
    2funky

    Hey Elliott,

    See shop page + product page
    – the wine and chocolat should be same size as the glass.

    Regards, Pete

    • This reply was modified 9 years, 5 months ago by 2funky.
    July 29, 2015 at 2:53 pm #480255
    Elliott

    Hi!

    The images your using are 100 x 400 and 400 x 200. They are pretty much the opposite aspect ratio so your not going to get them to display the same size. You could force it with CSS but it’s going to look bad.

    .inner_product img { max-height: 300px !important; min-height: 300px !important; }

    It would be best to use some larger images so they can be cropped.

    Best regards,
    Elliott

    July 29, 2015 at 3:20 pm #480286
    2funky

    Hey,
    Thank you, I have inserted the code, but it does not solve the problem …
    Product images are stretched wrong and it dosen’t change on the product page.
    Most of my clients images, are not big.
    Is it because. The page is responsive – I have worked with other shop systems where it is no problem

    Hope you have a solution.

    Regards Pete,

    • This reply was modified 9 years, 4 months ago by 2funky.
    July 31, 2015 at 9:29 am #481176
    Ismael

    Hey!

    The max width and height of the images in the product page is set to 450px by default. They will not go larger beyond that point unless you happen to change the size on Woocommerce > Settings > Products > Display panel. You can create a canvas 450x450px in size then attach the product image there before uploading them. Use photoshop or any image editor.

    Regards,
    Ismael

    July 31, 2015 at 10:50 am #481239
    2funky

    thanks! ;)

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘woo product images same size!’ is closed to new replies.