Construction - Problem with Template Lazy Load with SP Simple Portfolio component

Hi there Jamie
Almost everything built in our template is Lazy Load, including the modules and component of the simple portfolio, blogs made with ublog and some parts of SP Page Builder. We used native Lazy load.

In which component do you want to use the Lazy Load of the template?

Regards

I reiterate my question, in which component do you want to use Lazy Load? because all parts of the demos (template) works with Lazy Load without the need to activate Helix Lazy load. To verify this you can use the element inspector of your browser or with Ctrl + U see the source code and look for lazy, you will see that the images have loading="lazy" and the attributes width and height.

Some parts of SP Page builder that use addons not developed by us do not have lazy load, to solve this you can activate lazy load of SP Page builder, this is in Components >> Sp Page Builder >> Pages >> Optons button.

Regards

Good that you solved it. I hope your solution will help others who have the same problem.

Let's clarify some points.
First: SP simple portfolio with our templates does not need Javascript based Lazy Load (like the one that comes with helix or other) because our overrides for SP simple portfolio have native lazy load with LOADING attribute which is a lazy load released in 2018 and that today with 5 years of its existence it is a standard, it is a lazy load executed by the browser without the need to load unnecessary javscript files, or viewport polyfill or intersectionObserver.

Second: The problem that you have experienced is because the javascript that creates the SP simple portfolio gallery calculates the height and width of each image together with the loading of the DOM, and the images are not the real ones but the dummy image (base64 ) of 1px generated by the lazy load, the JS that the portfolio generates gives each image a width of 1px and a height of 1px and positions them, and when the JS-based Lazy Load loads the real images it looks a mess because they don't have space.

Final: having the complete explanation, it is not necessary to use Lazy load for SP simple portfolio with our templates and for those who do not use our templates they should take into account that this incompatibility is between the javascript of Sp Simple portfolio and the javascript of Lazy Load of Helix and not a direct problem of the templates.

Regards