--- 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-28 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 Woo Product Listing widget in The Plus Addons for Elementor uses the Lazy Load option to load more products on scroll, with no button to click. - The Plus Addons for Elementor Pro includes the Woo Product Listing widget, and it does not appear in the free plugin’s widget panel. - Lazy Load works in Grid, Masonry, or Metro layouts, but not on Carousel, Related, Upsells, Cross Sells, or Recently Viewed listings. 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 being available in The Plus Addons for Elementor Pro, with WooCommerce installed and active and some published products already in place. The widget also has to be enabled under ThePlus Settings > Widgets. That matters because lazy loading only works when there is a real product list to extend, not an empty catalog. **Q: How do I make WooCommerce products load as I scroll instead of using a button?** A: Lazy Load is the setting that turns scrolling into the trigger for more products. In the Woo Product Listing widget, it works with Grid, Masonry, or Metro layouts, and it is set under Content > More Post Options as More Post Loading Options = Lazy Load. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides this scroll-based loading inside Elementor without changing the page into a carousel. **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, so there are no extra products left to fetch. Lower that value below your total product count and test on the published page. That detail matters because lazy load only works when the first batch leaves something behind for the next scroll event to retrieve. **Q: Can I use infinite scroll on a carousel or related products section?** A: No, this lazy load setup is limited to Grid, Masonry, and Metro layouts. It does not apply to Carousel, Related, Upsells, Cross Sells, or Recently Viewed listings. If you need a different browsing pattern for those areas, The Plus Addons for Elementor documents separate options like [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/). **Q: How many products should load per scroll in WooCommerce infinite scroll?** A: The widget uses a batch size called More posts on click/scroll, with a default of 4 products per scroll. That number controls how fast shoppers see new items and how often the page has to fetch more content. Smaller batches feel lighter on large catalogs, while larger batches reduce how often loading happens but can make each jump feel bigger. **Q: Should I use infinite scroll or pagination for a large product catalog?** A: Infinite scroll works best when you want shoppers to keep browsing without interruption, but it can make the footer hard to reach on a large catalog. If footer links matter, pagination or a Load More button is the safer choice. The Plus Addons for Elementor points to [Woo Product Listing widget: settings overview](https://theplusaddons.com/docs/product-listing-widget-settings-overview/) for the full control set and offers both [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.