Idiom

Rather than having your users download a new page each time they click to view older posts, speed up your website by dynamically loading those posts on the same page using ajax. With minimal editing to your theme files, Easy Load More will add a button for ajax content loading. Works automatically on your front page, any taxonomy or custom post type page, any archive page, and search pages without special configuration.
Easy Load More has a light footprint that won’t slow your website down. Buttons are lightly styled that won’t override or interfere with your theme styles. The required javascript is tiny at only 766 bytes. Animated loading icons are rendered with SVG so your users don’t have to download images. Finally advanced theme developers can optionally turn off plugin styles and javascript to bundle it with theme files, reduce HTTP requests that increase page load time, and completely customize the look and feel of the loading buttons.

Easy Load More

Add a "Load More" button to dynamically add posts without pagination and page loads.

Evgeny

A lightweight solution The Pagination and Load More adds AJAX pagination and Load More functionality that work in sync for any post type.
<h3>How to install/activate it?</h3>
WordPress Admin Method:
Go to you administration area in WordPress Plugins > Add 
Search for The Pagination and Load More 
Click on Install and activate the plugin
FTP Method:
Upload the complete backup folder to the /wp-content/plugins/ directory 
Activate the plugin through the ‘Plugins’ menu in WordPress
The AJAX pagination menu will appear in the left sidebar in the Settings
<h3>Usage</h3>
How to use in theme/templates?
In your /themes/ folder create another folder, if you haven’t already, “template-parts”. Create and place into this folder a file: “content-{post_type}.php”. If you want to paginate, for example, woocommerce products, then after “-” type the name of the Post Type and it would look like so: “content-product.php”. If it would be just posts then it would look like so: “content-post.php” and so on. Inside the file you need to place your loop item, for example a product card. Then on the page of a post type or/and category/subcategory or a tag template or product brand or search results of the same post type, where you want to have your paginated content, place the shortcode <code>[cubeab_code]</code>. Then, in the plugin’s settings you also want to select the post type and configure the rest of the settings according to your needs.
The Pagination and Load More work reflects in the URL: if only the pagination is engaged then it shows only page number, like <code>/page/4/</code> but if they work together with Load More button then the URL would be like <code>/page/4/more/3/</code>, it means that the button Load More was clicked on the page 3 and loaded additionally one more page. The <code>/more/</code> text you can easily change. IMPORTANT – after changing <code>/more/</code> slug, save permalinks: In the left-hand menu, go to Settings > Permalinks. The <code>/more/</code> path segments are hidden from search index. The plugin has many free options in the settings. If you don’t need the pages’ path segments in URL you can easily disable it in the settings. You can also show only pagination or only LoadMore button or show each one based on device’s screen width.
<h3>Template names you can use</h3>
For a post type on the home front page: files that end on <code>*-page.php</code>, <code>*-template.php</code>, <code>*-home.php</code>, <code>*-post-type.php</code>, <code>*-posts.php</code>.
For categories: <code>category-{$category->slug}.php</code>, <code>category-{$category->term_id}.php</code>, <code>category.php</code>, <code>archive.php</code>.
For woocommerce categories: <code>taxonomy-product_cat-{$product_cat}.php</code>, <code>taxonomy-product_cat.php</code>, <code>archive-product.php</code>, <code>category.php</code>, <code>archive.php</code>.
for post tags: <code>tag-{$post_tag}.php</code>, <code>tag.php</code>, <code>archive.php</code>, <code>index.php</code>.
For woocommerce tags: <code>product-tag-{$tag->slug}.php</code>, <code>product-tag-{$tag->term_id}.php</code>, <code>taxonomy-product_tag</code>, <code>product-tag.php</code>, <code>archive-product.php</code>, <code>archive.php</code>.
For product brands in <code>get_query_var('product_brand')</code>: <code>taxonomy-product_brand-{$brand_slug}.php</code>, <code>taxonomy-product_brand-{$term->term_id}.php</code>, <code>taxonomy-product_brand.php</code>, <code>archive-product.php</code>, <code>archive.php</code>, <code>index.php</code>
For search results, for example: <code>search.php</code>
For not found 404 page: files that end on <code>*-page404.php</code>, <code>*-404.php</code> or such full names as: <code>404.php</code>, <code>notfound.php</code>. And also you need to make a wordpress page for that and set the slug of it in the settings of the plugin.
Demo site: <a href="https://evgenysudakov.ru/" rel="nofollow ugc">https://evgenysudakov.ru/</a>
<h3>Changelog:</h3>
1.0.0 – Initial upload
1.1.5 – Noindex /more/ and dynamic container fix
1.1.6 – Not found 404 fix and other minor fixes
1.1.7 – Small fix
1.1.8 – Small fix published posts only
1.2.0 – Many fixes, added support for product brands
1.2.1 – Small fix
1.2.2 – Category template fix
1.2.3 – Var $categ_base is not exist fix
1.2.4 – Template choice fix
1.2.5 – Template choice fix ultimate
1.2.6 – Shortcode inside page builder fix
1.2.7 – Fixed possible error on single product page
1.2.8 – Small fix
1.2.10 – Search results support
1.2.11 – Changed posts loading style and added gif option for preloader
1.2.12 – An error message fixed
1.2.13 – Fixed odd pagination behaviour
1.2.14 – Replaced section by div
1.2.15 – fixed 404 page functioning

The Pagination and Load More

A lightweight solution The Pagination and Load More adds AJAX pagination and Load More functionality that work in sync for any post type.

Easy Load More vs The Pagination and Load More