---
title: "How to Add Infinite Scroll to WooCommerce Products List in Elementor?"
url: https://theplusaddons.com/docs/add-infinite-scroll-to-woocommerce-products-list-in-elementor/
date: 2023-08-08
modified: 2026-04-11
author: "Aditya Sharma"
description: "As an online store owner, the user experience is crucial to your e-commerce success. One way to improve your customer's experience is by implementing infinite scrolling on your WooCommerce product..."
image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Add-Infinite-Scroll-to-WooCommerce-Products-List-in-Elementor_-1024x536.jpg
word_count: 374
---

# How to Add Infinite Scroll to WooCommerce Products List in Elementor?

## Key Takeaways

- The Plus Addons for Elementor allows users to implement infinite scrolling on WooCommerce product lists.
- Lazy Load is available in the Normal Page and Search List listing types, excluding the Carousel layout.
- Users must set a lower number in the Maximum Posts Display field than the total number of products for infinite scrolling to function.

As an online store owner, the user experience is crucial to your e-commerce success. One way to improve your customer's experience is by implementing infinite scrolling on your WooCommerce product list. 

This feature allows your customers to continuously scroll down and view more products without having to click on pagination links.  

With the Product Listing widget from The Plus Addons for Elementor, you can easily add a lazy load to create an infinite scroll for your product listing.

*To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](/docs/product-listing-widget-settings-overview/).*

***Requirement  - This widget is a part of The Plus Addons for Elementor, make sure its installed & activated to enjoy all its powers.***

[LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing//#woo-products-wgts?utm_source=tpae&utm_medium=docs&utm_campaign=text)

To do this, make sure you’ve added some products to your WooCommerce store, then follow the steps - 

1. Add the Product Listing widget on the page or template, then select the appropriate listing type, style, and layout.

> *Note: Lazy Load is only available in the ****Normal Page**** and ****Search List**** listing type, except in the ****Carousel**** layout.*

2. Then go to the **More Post Options** tab and select **Lazy Load** from the **More Post Loading Options **dropdown.

![](https://theplusaddons.com/wp-content/uploads/2023/08/product-listing-lazy-load-new.png)

From the **Loading Text** field, you can customize the text that appears when more products are being loaded, while from the **All Posts Loaded Text** field, you can customize the message that appears when all products have been loaded.

Then from the **More posts on click/scroll** field, you can set how many products will load at once on scroll.

You can also manage the loading text typography and color.

From the **Loading Spinner** section, you can manage the loading spinner size, color and border size.

3. Now go to the **Content Source** tab and set the maximum number of products to be displayed on a page in the **Maximum Posts Display** field.

![product listing maximum posts display](https://theplusaddons.com/wp-content/uploads/2023/08/product-listing-maximum-posts-display.png)

Depending on the number of products you have and the number set in the **Maximum Posts Display** field, you’ll see products loading automatically as you scroll down.

> *Note: To have infinite scrolling, you must set a lower number in the ****Maximum Posts Display**** field than the total number of products.*

Also, check [How to Add Pagination to WooCommerce Products in Elementor](https://theplusaddons.com/docs/add-pagination-to-woocommerce-products-in-elementor/).

## Frequently Asked Questions

**Q: What should I do if infinite scroll isn't loading more products?**
A: If infinite scroll isn't loading more products, check the Maximum Posts Display setting. It must be set to a lower number than your total products for infinite scrolling to work. This ensures that as users scroll down, new products are loaded automatically. If this setting is correct and it still doesn't work, verify that you've selected Lazy Load in the More Post Options tab.

**Q: What is the best way to customize the loading text for infinite scroll?**
A: To customize the loading text for infinite scroll, navigate to the More Post Options tab in the Product Listing widget settings. Here, you can edit the Loading Text and All Posts Loaded Text fields to display messages that fit your store's branding. This enhances the user experience by providing clear feedback during product loading.

**Q: Does using infinite scroll affect page load performance?**
A: Using infinite scroll can impact page load performance, especially if too many products are loaded at once. It's important to set a reasonable number in the Maximum Posts Display field to balance performance and user experience. This prevents overwhelming the browser and ensures smoother scrolling as users load more products.

**Q: What happens if I set the Maximum Posts Display to a number higher than my total products?**
A: If you set the Maximum Posts Display to a number higher than your total products, infinite scroll will not function as intended. Users may not see any new products loading as they scroll down since the system will believe all products are already displayed. Always ensure this number is lower than your total product count for optimal functionality.