Have your say in Community Polls: What was/is your greatest motivation to start your own business?
Shopify Community Downtime: The Shopify Community will be down December 5th for 15 minutes between 3pm and 4pm EST. Thank you for your understanding.

Re: Variant Image Swatch Resolution

Variant Image Swatch Resolution

CustomHatsCanad
Tourist
6 0 1

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

 

Screenshot 2024-10-14 192831.png

Replies 6 (6)

Guleria
Shopify Partner
3684 740 1038

Hello @CustomHatsCanad ,

 

swatch-image.png

 

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

 

Thanks

- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com Skype: live:navrocks1
- Try GEMPAGES a great page builder
CustomHatsCanad
Tourist
6 0 1

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

Dan-From-Ryviu
Shopify Partner
10256 2038 2109

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

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

CustomHatsCanad
Tourist
6 0 1

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. 

Dan-From-Ryviu
Shopify Partner
10256 2038 2109

You changed the width of the wrapper, not the image width. Screenshot 2024-10-16 at 09.05.29.png

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

CustomHatsCanad
Tourist
6 0 1

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?