--- 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-09-11 lang: en author: "Aditya Sharma" description: "Do you want more products to appear as shoppers scroll, with no button to click? In the Woo Product Listing widget from The Plus Addons for Elementor, that is the..." image: https://theplusaddons.com/wp-content/uploads/2023/08/How-to-Add-Infinite-Scroll-to-WooCommerce-Products-List-in-Elementor_-1024x536.jpg word_count: 313 --- # How to Add Infinite Scroll to WooCommerce Products List in Elementor? ## - The Plus Addons for Elementor Pro includes the Woo Product Listing widget, and the free plugin does not show it in the widget panel. - Lazy Load in Woo Product Listing loads more products on scroll, with Grid, Masonry, or Metro layout, and the default batch is 4 products per scroll. - Maximum Posts Display must be set below the product count in Content > Content Source, or nothing remains to load on scroll. Do you want more products to appear as shoppers scroll, with no button to click? In the Woo Product Listing widget from The Plus Addons for Elementor, that is the **Lazy Load** option. *To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, [click here](https://theplusaddons.com/docs/product-listing-widget-settings-overview/).* ***Requirement - This widget is a part of The Plus Addons for Elementor, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-listing/?utm_source=tpae&utm_medium=docs&utm_campaign=text#woo-products-wgts) ## Before You Start - **Edition:** **Pro** — the Woo Product Listing widget is part of The Plus Addons for Elementor Pro. It does not appear in the widget panel of the free plugin.- **WooCommerce** installed and active, with some published products.- **Widget to enable:** Woo Product Listing, switched on under **ThePlus Settings > Widgets**. > *Here **Lazy Load** means loading more products* on scroll, not image lazy loading. ## Step 1: Choose Lazy Load Add the **Woo Product Listing** widget with a Grid, Masonry or Metro layout. In **Content > More Post Options**, set **More Post Loading Options** to **Lazy Load**. ![More Post Loading Options set to Lazy Load](https://theplusaddons.com/wp-content/uploads/2026/09/tp-product-listout-more-post-loading-options-wide-lazy.webp) ## Step 2: Set the batch and messages - **More posts on click/scroll** — products per scroll, default 4.- **Loading Text** — default *Loading...*- **All Posts Loaded Text** — default *All done!* ![The Loading Text field for Lazy Load](https://theplusaddons.com/wp-content/uploads/2026/09/tp-product-listout-loading-text-wide-lazy.webp) ## Step 3: Limit the first load Set **Maximum Posts Display** in **Content > Content Source** lower than your product count, or there is nothing left to load. ## Limitations - **Not on Carousel,** and not on Related, Upsells, Cross Sells or Recently Viewed listings.- **The footer is hard to reach** on a large catalogue. Consider Load More or pagination if it holds important links.- **Pro only.** The Woo Product Listing widget is not in the free plugin. ## Troubleshooting ### Nothing loads on scroll Lower Maximum Posts Display below your product count and test on the published page. ## Related Docs - [Woo Product Listing widget: settings overview](https://theplusaddons.com/docs/product-listing-widget-settings-overview/) — every control in the widget.- [Add a Load More button](https://theplusaddons.com/docs/add-load-more-button-in-woocommerce-products-in-elementor/)- [Add pagination](https://theplusaddons.com/docs/add-pagination-to-woocommerce-products-in-elementor/) ## Frequently Asked Questions **Q: What do I need before adding infinite scroll to WooCommerce products in Elementor?** A: The setup depends on the Woo Product Listing widget from The Plus Addons for Elementor, and it is a Pro-only widget. You also need WooCommerce installed and active, plus some published products. The widget has to be switched on under ThePlus Settings > Widgets, or it will not appear in the Elementor panel. That matters because Lazy Load is only available inside this widget, not in the free plugin. **Q: How do I make WooCommerce products load as I scroll instead of showing a button?** A: The Lazy Load option in the Woo Product Listing widget is what turns product loading into scroll-based loading. It works with Grid, Masonry, or Metro layouts, and you set More Post Loading Options to Lazy Load under Content > More Post Options. In this context, Lazy Load means loading more products on scroll, not image lazy loading, which is an easy mix-up. **Q: What product list layouts support infinite scroll in Elementor?** A: Grid, Masonry, and Metro layouts support Lazy Load in the Woo Product Listing widget. That limitation matters because Carousel is excluded, so if your design depends on a carousel-style product strip, infinite scroll will not fit that setup. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this behavior inside the Woo Product Listing widget rather than across every listing type. **Q: Why does nothing load when I scroll my product list?** A: The most common cause is that Maximum Posts Display is set too high. If it matches or exceeds your product count, there is nothing left for Lazy Load to fetch on scroll. Lower Maximum Posts Display under your total product count and test it on the published page, since that is where the scrolling behavior should be verified. **Q: Should I use infinite scroll or pagination for a large WooCommerce catalog?** A: Pagination or a Load More button is usually safer when the footer contains important links. The page calls out that a large catalog can make the footer hard to reach with infinite scroll, so endless loading can hurt navigation even if it feels smoother at first. The Plus Addons for Elementor also offers [Add a Load More button](https://theplusaddons.com/docs/add-load-more-button-in-woocommerce-products-in-elementor/) and [Add pagination](https://theplusaddons.com/docs/add-pagination-to-woocommerce-products-in-elementor/) as alternatives. **Q: Can I use infinite scroll on related products or recently viewed products?** A: Lazy Load does not work on Related, Upsells, Cross Sells, or Recently Viewed listings. That restriction matters because those sections are usually small recommendation blocks rather than full catalog grids, so infinite scrolling would not add much value there anyway. For product listing behavior details, the [Woo Product Listing widget: settings overview](https://theplusaddons.com/docs/product-listing-widget-settings-overview/) covers the available controls.