Woocommerce Images

Unite Theme
1

Hello,

I wonder if you could please provide me with a little guidance on images.

My images present well on desktop and also on mobile when viewed in portrait but are blurry and enlarged when viewed in landscape on mobile.

I suspect this could be quite easily corrected by using the most appropriate sizes for images in Woocommerce settings. Is this likely? If so, I wonder if you could please provide me with the most appropriate dimensions for the 3 image settings. I found this information for Dazzling theme but could not locate it for Unite.

Thanks in advance.

2

Hi @alhaarth,

I hope you are well today and thank you for your question.

My images present well on desktop and also on mobile when viewed in portrait but are blurry and enlarged when viewed in landscape on mobile.

Could you please share me the page URL from your site where it’s not displaying correctly so that i can troubleshoot it and tell you the most appropriate image dimensions?

Kind Regards,
Movin

3

Hello @Movin,

Thanks for getting back to me.

The best url to look at to see what I mean is this one: https://www.christmasvillages.co.uk/shop/

I use Responsinator to check appearance on different formats and you can see here the difference: https://www.responsinator.com/?url=https%3A%2F%2Fwww.christmasvillages.co.uk%2Fshop%2F

Note that the images are sharp in portrait on mobile but appear blurry in landscape. However, when you see the ipad view, the landscape views well with 4 columns but the portrait is blurry with 2 enlarged column images.

Any assistance is much appreciated.

4

To resolve the issue you can try adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Unite Options -> Other -> Custom CSS



.woocommerce #page ul.products li.product a img {
    width: auto;
}