Woo product carousel Lazy load

Hi @jimon07 ,
Greetings. Thanks for reaching out. Hope you are doing well.

Regarding your query, You can get the image attribute loading=”lazy” by replacing the preset Template from our plugin. To do this you need to create a child theme first for your current theme. Then you need to create a folder under the child theme named “Template” and make sure you use the capital T. Under this folder please create another folder named “Woo-Product-Carousel” and please make sure the folder name is as it is given. Now under this folder, you have to copy the PHP file of the Preset style you are using from our plugin folder. For example – you are using Preset 1 then you have to go to the plugin folder and follow this path wp-content\plugins\essential-addons-for-elementor-lite\includes\Template\Woo-Product-Carousel and copy the preset-1.php file to the Woo-Product-Carousel folded you created under your child theme. If you are using another Preset please follow that preset file name accordingly.

Now, please rename the preset php file name as your own and open the file to edit and you will have to change the Template Name from there same as the preset php file name. Then scroll down and search for the code “, [‘loading’ => ‘eager’]” and delete the code and save the file.

For reference please check this screencast – https://d.pr/v/YF6CZv

Now if you try to Edit with Elementor and got to the EA Woo Product Carousel settings you will find the new Preset style with your setup name. Check this screenshot – https://d.pr/i/IYZKZv

Now you just select that Preset style and save and check it on the browser and you will find it’s getting the attribute for EA Woo Product Carousel image loading=”lazy”.

Hope this will help you out. Please let me know how it goes. I am here to assist you further.

Thanks and Regards.

Hello @jimon07,
Greetings! Hope you are doing well.

We haven’t received any updates regarding the issue mentioned earlier. Could you please let us know if the procedure works for you or not?

We would greatly appreciate an update.

Thank you.
Have a good day!

I have not made any changes yet. To be honest i think it is too much work for such a simple and straighforward thing. I cannot understand why would you put the loading attribute as eager. Most of the websites won’t use the carousel above the fold and this creates many requests for no reason. I think this is just poor code from your side. Even if i do all this work to fix this i might have a problem in a future theme update. I would suggest to remove this attribute and if someone wants can preload the carousel images which is easier.

Hi @jimon07,
Hope you are doing well. I understand your concern.

Actually, in some cases lazy loading option could break some styling and this is why we replaced the lazy loading option with eager and also we have support to reopen the lazy load option as I mentioned above. Also as I mentioned to add the Template for lazy load in a child theme so there would not be any problem with future theme updates.

But thanks for your feedback. I already discussed with our Dev Team about this and hope they will find an easier option to enable lazy load for woocommerce images.

Have a nice day.

Thanks and Regards.