Home / Magento 2 - Magezon Blog / Configure Magento 2 Lazy Load to be compatible with Ultimo slideshow

Configure Magento 2 Lazy Load to be compatible with Ultimo slideshow

Configure Magento 2 Lazy Load to be compatible with Ultimo slideshow

Before going into the main topic today, I’d like to give you an overview of Magento 2 Lazy Load and Ultimo theme.

Magento 2 Lazy Load is an extension that can speed up your Magento 2 websites by up to 70%. This is because it delays loading images and videos until users scroll down to them. In other words, images and videos will only be loaded when they enter the viewport.

As for Ultimo theme, this is one of the most popular Magento themes with tens of thousands of downloads. And I’m sure that many of you are also using this theme for your Magento 2 sites.

So when you install Lazy Load extension on a website using Ultimo theme, by default it will work with all images and videos on homepage, category page, product page, etc. However, in order for the extension to lazy load slideshow of this theme, you need to update some new codes. And in this article, we’ll show you how to do that.

How to configure

Follow these 2 steps to configure Magento 2 Lazy Load to be compatible with Ultimo slideshow:

– Step 1: Download this file to the folder app/design/frontend/Infortis/ultimo/Infortis_Infortis/web/js/jquery

* Note: The file above was compressed. In the original file downloaded from Ultimo, we changed the following lines:

– Step 2: Run 3 command lines below:

php bin/magento setup:upgrade

php bin/magento setup:static-content:deploy

php bin/magento cache:flush

And done! Now Magento 2 Lazy Load can lazy load slideshow in Ultimo theme.

Conclusion

So we hope that the article today provides you with useful information. If you have questions or need support, feel free to leave a comment below. We are always willing to help you.

Thank you for reading!

About Trang Vu

Check Also

Magento 2 form builder _ Add Google Maps to Magento 2 contact form

How to add Google Maps to Magento 2 contact form in Blue Form Builder?

Adding Google Maps to your contact form is an easy way to show customers your …

Leave a Reply

Your email address will not be published. Required fields are marked *

Comment moderation is enabled. Your comment may take some time to appear.