woocommerce change product image size

Shapely
1

Hello, i want to change the size of the product image but they are just too large even though the dimensions are 350 x 334. (they are actually 500x 500 when u inspect them)

please help. Link: http://hendegrips.tk/shop/

2

Ok so when i click customize i get this page : http://i.imgur.com/ajPIrhG.png
But when i exit out of customize i get huge images like this… http://i.imgur.com/R7U7wpL.jpg

3

Hi @hende,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other

body.post-type-archive-product ul.products li.product {
    width: auto;
    float: left !important;
    clear: none;
    margin-right: 20px;
}
body.post-type-archive-product ul.products li.product img {
    max-width: 300px;
    height: auto;
}

Best Regards,
Movin

4

@Movin
you don’t know who long I’ve been waiting for this!

Thank you so much! Why does this happen?

5

@Movin , hmmm now i get the same for when you click on the product, is there another CSS i need to add?

6

It’s happening due to woo commerce update.

hmmm now i get the same for when you click on the product, is there another CSS i need to add?

I clicked on the product on your site and it’s displaying fine for me as shown in the attached screenshot.

Please advise.

7

@movin Yea shapely wasn’t compatible enough with woocommerce for me, thats a different theme you are seeing

8

ok

Please advise if you have more questions.

Have a fantastic day!