Round Images in WooCommerce

[Mik_mo]

I need images in WooCommerce to be round. I found the code that hape to work and it works fine for the single product page, but does not help with the cataloge page. Please realy can not understand why it is not working

.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {border-radius: 200px;}

.woocommerce div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page #content div.product div.images img {border-radius: 200px;}

[Rui Guerreiro – SUPPORT]

Hi,

Try the code below, it was necessary to remove the zoom animation on hover.

figure.animated-overlay:hover > img, .product-type-standard figure:hover img {
  -webkit-transform: none!important;
  -moz-transform: none!important;
  -ms-transform: none!important;
  -o-transform: none!important;
   transform: none!important; 

}

.woocommerce .products .product figure {
  border-radius: 200px!important;
}

-Rui