Shopify themes, liquid, logos, and UX
I have just installed Collabs app. When you load the Collabs page, images are visible for about 1 second and then they vanish. After investigating this issue I have noticed that this is related to lazy loading. When you inspect the 4 image elements we can see there are loading="lazy" commands. In order to load the images and make them visible I need to disable the lazy loading. There is this page.collabs.json file where are the settings for the page. For example, I have tried to enter "lazy loading": false, in the settings, but this is an incorrect form. Now I would like to ask what is the correct form? Find the page here and screenshot of the page.collabs.json file below.
There seems to be the same problem at https://www.homestorebargains.com/blogs/news where featured images don't load. I inspected the image element and there is loading="lazy" attribute. When I insert a new image into a blog post, it will be visible so there is no problem. All the other pages work well too. Unfortunately, the theme developer is out of reach. What would be the solution to this problem when lazy loading prevents images from loading on these specific pages?
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024