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.

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