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.16 – Added no found text and the choice of post order

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.

Maksym Marko

This plugin allows you to display a list of posts on your website on any page. 
 You can display the default WordPress post types or Custom Post Types by placing the shortcode to the page where you want to collect the post items.


 You should use the shortcode below to place it on the page.


 [mx_ddp_post_template post_type=”news_sport” term_ids=”18,19″ posts_per_page=”5″ pagination=”none” default_image_url=”http://yourdomain.com/path-to-image/no-photo.jpg”]

<h3>Where the properties are:</h3>
<ul>
<li>
 post_type – The post type to display (default value = ‘post’)
 </li>
<li>
 term_ids – The exists taxonomy IDs of the current (post_type prop.) post type. You should place list of category IDs separated by comma (,). (default value is not specified)
 </li>
<li>
 posts_per_page – Number of posts on each page (default value = ’10’)
 </li>
<li>
 pagination – Type of navigation. Defined values: none, numbers, load_more (default value = ‘numbers’)
 </li>
<li>
 default_image_url – If a post doesn’t have any thumbnail, you can set up the default image (default value is not specified)
 </li>
<li>
 search_bar – Display search bar. Defined values: on, off (default value = ‘on’)
 </li>
</ul>

 How does it work?

<iframe loading="lazy" class="youtube-player" width="600" height="320" src="https://www.youtube.com/embed/q3LcB2gtDWE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>

Dynamically Display Posts

This plugin allows you to display a list of posts on your website on any page.

The Pagination and Load More vs Dynamically Display Posts