How can I adjust product photo edges to rounded?

Store Design
, ,
1

I want to be able to change the look of my site, from square product photos to rounded edge.

2

Hi [email removed]Medusasmakeup,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.scss.liquid or theme.scss

Step 3: Paste the below code at the bottom of the file → Save

.image-wrap .photo-zoom-link.photo-zoom-link--enable{
border-radius:16px !important
}

Hope my solution works perfectly for you.

Cheers!

Oliver | PageFly

3

This works!

Add the following code at the bottom of your assets >> theme.scss.liquid file.
Do let me know if you need any assistance.

.grid-product__image-mask {
border-radius: 30px !important;