2019.07 update - all images not loading

How to configure and adapt Aimeos based shops as developer
Forum rules
Always add your Aimeos and PHP version as well as your environment (Linux/Mac/Win)
Spam and unrelated posts will be removed immediately!
arcandoak
Posts: 12
Joined: 20 Sep 2018, 03:20

2019.07 update - all images not loading

Post by arcandoak » 22 Aug 2019, 02:41

Aimeos 2019.07
Laravel 5.8
PHP 7.1.3

Ever since the 2019 update where lazy loading was introduced, I have images that don't load. It's not all images and it's not the same images that don't load every time. I can refresh the page several times and it's usually different images that don't get past the loading icon on Chrome.
Annotation 2019-08-21 223036.png
Annotation 2019-08-21 223036.png (101.84 KiB) Viewed 1947 times
Using IE, all the images load, but the loading icon doesn't get hidden on all of them.
IE-images.png
IE-images.png (92.42 KiB) Viewed 1947 times
IE has no errors in the dev console, but chrome has this warning:
[Intervention] An <img> element was lazyloaded with loading=lazy, but had no dimensions specified. Specifying dimensions improves performance. See https://crbug.com/954323
I've run composer update and everything is up to date.

Any ideas?
Aimeos version: ~2018.10, PHP version: 7.2, Laravel version: 5.8

User avatar
aimeos
Administrator
Posts: 7866
Joined: 01 Jan 1970, 00:00

Re: 2019.07 update - all images not loading

Post by aimeos » 22 Aug 2019, 07:00

We've tried a new image attribute that Google Chrome is supporting (loading="lazy") but that seems to be buggy. We've removed that and image loading seems to work correctly now:
https://github.com/aimeos/ai-client-htm ... 11b5e7805c

Regarding the background image shining through: Do you use transparent product images?
The background images are applied via CSS and in 2019.04 and before, they have been replaced by by the product images on load. Now, because of responsive image support, product images aren't background images any more and put above the area that contains the background image.
Professional support and custom implementation are available at Aimeos.com
If you like Aimeos, Image give us a star

arcandoak
Posts: 12
Joined: 20 Sep 2018, 03:20

Re: 2019.07 update - all images not loading

Post by arcandoak » 23 Aug 2019, 03:46

Ok, thanks. Removing the lazyload fixed the images.
Yes, some of the images have transparent backgrounds, didnt think of that
Aimeos version: ~2018.10, PHP version: 7.2, Laravel version: 5.8

User avatar
aimeos
Administrator
Posts: 7866
Joined: 01 Jan 1970, 00:00

Re: 2019.07 update - all images not loading

Post by aimeos » 23 Aug 2019, 06:52

We've optimized for transparent images and the background/progress image won't shine through now:
https://github.com/aimeos/ai-client-htm ... 65e78598c9

The CSS will be part of the next release.
Professional support and custom implementation are available at Aimeos.com
If you like Aimeos, Image give us a star

Post Reply