Farid Mia

<p>Transform your WooCommerce store with the ultimate product loading experience using Infinite Scroll Product For WooCommerce. This powerful plugin introduces features like AJAX Load More, Infinite Scroll, and AJAX Pagination, ensuring a smooth and uninterrupted shopping experience for your customers. Products load dynamically as users scroll or click to load more, eliminating the need for page reloads and keeping customers engaged.</p>
<h3>🌍 Translation Ready</h3>
<p>This plugin is fully translation-ready and can be easily translated into any language using Loco Translate or WPML.</p>
<h3>🔥 Features:</h3>
<p><strong>Advanced Pagination Types</strong><br />
– Infinite Scroll<br />
– Load More Button<br />
– Classic AJAX Pagination</p>
<h3>Features Overview</h3>
<p><strong>Scroll to Top Control</strong><br />
– Enable or disable automatic scrolling to the top after new products are loaded.</p>
<p><strong>Scroll Target Selector</strong><br />
– Define the element to scroll to (e.g., html, body) for a smoother navigation.</p>
<p><strong>Buffer Pixel Option</strong><br />
– Set how early the next batch of products should start loading.</p>
<p><strong>Load Animation</strong><br />
– Choose a fade, slide, or no animation for a clean loading effect.</p>
<p><strong>Load More Button Styling</strong><br />
– Customize button padding, border radius, and background/text/border colors.</p>
<p><strong>Customizable Button Text</strong><br />
– Personalize your Load More and Loading… texts.</p>
<p><strong>Loader Image Upload</strong><br />
– Use the default spinner or upload your own custom loader.</p>
<p><strong>Flexible Pagination Type</strong><br />
– Choose from Infinite Scroll, Load More button, or AJAX Prev/Next navigation.</p>
<p><strong>Product Count Controls</strong><br />
– Set products per page and per row for layout consistency.</p>
<p><strong>Advanced Selector Settings</strong><br />
– Fine-tune content, loop, and navigation selectors for theme compatibility.</p>
<p><strong>Fully Responsive</strong><br />
– Works seamlessly across desktops, tablets, and mobile devices.</p>
<h3>🎯 Why Use Infinite Scroll for WooCommerce?</h3>
<ul>
<li>Increase user engagement by reducing clicks and page reloads.</li>
<li>Improve shopping flow and keep customers exploring your products.</li>
<li>Enhance conversion rates with a smoother browsing experience.</li>
<li>SEO friendly — supports default WooCommerce pagination for search engines.</li>
</ul>
<h3>🔥 **If you found this plugin helpful, you may also like our other plugin:**</h3>
<p>🔝 <a href="https://wordpress.org/plugins/product-size-guide-for-woocommerce/" rel="ugc">Product Size Guide For WooCommerce</a> –  Size Chart for WooCommerce</p>
<h3>License</h3>
<p>This plugin is licensed under the GPLv2 or later.</p>


Infinite Scroll Product For WooCommerce

Seamlessly add Infinite Scroll, AJAX Load More, and Pagination to your WooCommerce store for a smoother shopping experience.

deadmustdie

<p>Plugin provide AJAX loading for WooCommerce products and can be used for any other posts. Paginate up to 10 sets of posts in the same template.</p>
<p>Can be compatible with any other AJAX plugins, that has option to call custom JavaScript code.</p>
<ul>
<li>Infinite Scroll – Automatically load new products(posts) when the user scroll down and reaches the bottom of the products(posts).</li>
<li>Load More Button – Click to load new products(posts).</li>
<li>Pagination – Normal pagination but load the next page with AJAX.</li>
</ul>
<p>Use one plugin for different pages and post types. Work great with WordPress and WooCommerce</p>
<h4>Features</h4>
<ul>
<li>Infinite scroll, load more buttons or AJAX pagination for posts and products.</li>
<li>Multiple sets of settings.</li>
<li>Infinite scroll and load more button for next page and previous page.</li>
<li>Only the required number of pages is displayed at the same time.</li>
<li>Page can be scrolled to the top, when products is replaced.</li>
<li>Custom threshold for infinite scroll</li>
<li>Custom load image can be loaded.</li>
<li>Easy stylization for next page button and previous page button.</li>
<li>Custom JavaScript code can be execute before or after posts(products) load</li>
<li>HTML5 PushState</li>
</ul>
<h4>Setup</h4>
<ul>
<li>Once the plugin is installed navigate in admin area to “DMD Infinite Scroll”( “DMD Plugins” -> “DMD Infinite Scroll” ).</li>
<li>Select theme from drop down list “Presets”. If your theme isn’t listed then add the correct selectors.</li>
<li>You can use special tool to setup selectors(work only for “Setting set 1”)</li>
</ul>
<ol>
<li>Your site with posts(products) must contain at least 3(three) pages.</li>
<li>Open second page.</li>
<li>Add to the page link “?dmd_is=selectors” or “&dmd_is=selectors” if link already has “?” symbol.</li>
<li>Click on element and move to the previous element with “Parent” button on right and bottom.</li>
<li>Red border show element, that selected.</li>
<li>Click next if this is correct element.</li>
</ol>
<ul>
<li>This is experimental tool. It may not work with some themes. It is also sometimes necessary to edit the result of yourself.</li>
<li>If this tool isn’t work for you, then use your browser developer tools.</li>
<li>“Posts Selector” The selector that wraps all of the posts/products.</li>
<li>“Post Selector” The selector of an individual post/product.</li>
<li>“Pagination Selector” The selector of the post/product pagination.</li>
<li>“Next Selector” The selector of the pagination next link.</li>
<li>“Previous Selector” The selector of the pagination next link.</li>
<li>“Pages Selector” The selector of the other pagination links.</li>
<li>Choose settings, that you want.</li>
<li>Click “Save Changes”.</li>
</ul>
<h4>Multiple sets of settings</h4>
<ul>
<li>Select in “Sets count” option how many sets you need.</li>
<li>Click “Save and reload” button.</li>
<li>You can navigate between settings sets with help of “Current set” drop down list.</li>
</ul>
<h4>Styling</h4>
<ul>
<li>You can style buttons in admin area.</li>
<li>Navigate to “DMD Infinite Scroll”( “DMD Plugins” -> “DMD Infinite Scroll” )</li>
<li>Open “Styles” tab.</li>
<li>Click on “Edit styles” button.</li>
<li>
<p>Click option(Margin, Border, Padding, Content) to edit it.</p>
</li>
<li>
<p>Also you can style any button with help of CSS code.</p>
</li>
</ul>
<ol>
<li>“div.dmd_next_page” – wraper for next page button. “div.dmd_next_page a.button” – next page button.</li>
<li>“div.dmd_previous_page” – wraper for previous page button. “div.dmd_previous_page a.button” – previous page button.</li>
<li>“div.dmd_ajax_product_load” – wraper for loading image. “div.dmd_ajax_product_load img” – loading image.</li>
</ol>


DMD Infinite Scroll

Infinite scroll and AJAX pagination for WooCommerce and WordPress

Infinite Scroll Product For WooCommerce vs DMD Infinite Scroll