Infinite scroll and AJAX pagination for WooCommerce and WordPress

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>


Alternatives to DMD Infinite Scroll

Top alternatives