Hello everyone.
I’m using small images to show alternatives for the shoes. The images work perfectly in desktop, but in mobile they get blurred. I had the same issue with the main image of the shoe and I work around it using a lazyload function. Now it doesn’t work and I want to know the reason why.
Here is the preview of the theme.
Link
The objective images are the small shoes that appears when you hover over a shoe in the home page.
Regards!
Hi there,
Jack from OpenThinking here!
You need to find the file where those cards are located, and change the image size with something like this:
{{ img | img_url: ‘72x’ }} to something bigger {{ img | img_url: ‘1080x’ }}
Unfortunately I can’t say which files you’ve to look at nor the exact code to change.
let me know if this works for your. If yes; accept my answer and give me thumbs up! Thank you.
1 Like
Works Perfectly! Is this loading a large image?
Yes, it is. So I suggest loading around 150x or 200x