Variant Image Swatch Resolution

I was able to increase the size of my variant image swatches, but now the pictures are fuzzy/pixelated. Any idea on how to increase the resolution of my variant image swatch pictures?

Thank you in advanced

https://customhatscanada.ca/products/flexfit-110c

Hello @CustomHatsCanad ,

Find the highlighted code in theme files and change width=50 with the desired size.

Thanks

You will need to edit code of variant image swatches to update image size

This didn’t fix the resolution. I can already make them bigger, but the pictures are fuzzy when they blow up to a bigger size

I can change the size, but when I do make them bigger, the picture is pixilated. It doesn’t change the resolution when they enlarge.

1 Like

You changed the width of the wrapper, not the image width.

Maybe I’m not changing it in the right file. I couldn’t find that exact line in the code. Do you know where this piece of code would live?

Go to edit code >> snippets/swatch.liquid
Find line :

assign image_url = swatch.image | image_url: width: 50
remove : “:width:50” or
replace with: assign image_url = swatch.image | image_url