Swatches in shop page show low res images

Hello @paourissi,

Please share screenshots and the URL of the page so that we can look into this scenario and update you on our findings.

Looking forward to hearing from you.

Sure here is the product https://25b.4d7.myftpupload.com/?post_type=product. If you press the variation button, the image gets blurry because of the missing srset attribute.

• This reply was modified 11 months, 1 week ago by paourissi.

Hello?@paourissi,

Thank you for sharing the product page URL. After examining the page [https://bsf.d.pr/v/HNwBYa], it seems that the original image URL is in 768×432 resolution [https://25b.4d7.myftpupload.com/wp-content/uploads/2023/12/vo9vm1fcqrp71-768×432.jpg].

However, when a variation is selected, a low-size image with a resolution of 324×182 is displayed [https://25b4d7.n3cdn1.secureserver.net/wp-content/uploads/2023/12/vo9vm1fcqrp71-324×182.jpg], potentially causing the issue you’ve mentioned. To address this scenario, please consider adding an image of the same size for the variation.

If there are additional details I may need to comprehend the issue better or if you have any further inquiries, please let us know.

Every variation image is the same size as the original. The problem is the srcset atribute missing when selecting a variation. This must be considered as bug and fixed as soon as possible. Thank you.

Hello @paourissi,

Our developers have confirmed that there are no specific codes, filters, or actions available for images in variation swatches. Instead, it executes the default WooCommerce code to change the product variation image.

Hope this helps.

Let me know if you have any questions or concerns left unanswered as I would be more than happy to assist you further. 

Where can i find the default WooCommerce code to change the product variation image?

Hello @paourissi,

Apologies for delayed response, please connect with WooCommerce to know the exact code to change the product variation image.

Hope this helps.