Você pode usar a propriedade border-radius no CSS
Cria uma classe, e coloca ela na sua imagem.
// style.css
.produto-arredondado {
border-radius: 12px;
}
<img class="produto-arredondado" src="../image/arquivo.jpg" />
https://developer.mozilla.org/pt-BR/docs/Web/CSS/border-radius
olá @eusouumaplanta,
seria mais fácil se tivesse passado um link da sua página. pois é como o @vicainelli colocou, é usar CSS.
eu só indicaria, ao invés de colocar imagem a imagem, colocar isso em um Seletor geral do Woocommerce na página principal. por exemplo, você poderia ir Aparência > Personalizar > CSS adicional e colocar algo como
.woocommerce-shop {
border-radius: AApx; (onde AA é o número que lhe atende)
}
aqui esse Seletor woocommerce.shop é um exemplo, pois esse Seletor pode varias de acordo com o tema. dai o link facilitar podermos ajudar.
abraços e boa sorte,
