zymeth25

<p>LCP Ajax Pagination is an add-on plugin for <a href="https://wordpress.org/plugins/list-category-posts/" rel="ugc">List Category Posts</a>.<br />
Many users have requested the AJAX pagination feature and it is now possible with this extension.</p>
<p>Two modes are currently supported:</p>
<ul>
<li>Ajax pagination</li>
<li>Load more posts</li>
</ul>
<p><strong>IMPORTANT</strong>: Requires List Category Posts <strong>version 0.84.1 or greater</strong>.</p>
<h3>Ajax pagination</h3>
<p>Usage: <code>[catlist ajax_pagination=yes]</code></p>
<p>The result is as if you used <code>[catlist pagination=yes]</code> but clicking pagination links does not trigger page reloads.<br />
Instead, new posts are fetched asynchronously and the list is updated without a reload.</p>
<p>No other features of <a href="https://github.com/picandocodigo/List-Category-Posts/wiki/Pagination" rel="nofollow ugc">LCP pagination</a> are modified,<br />
you can apply your pagination CSS, or other customisations, same as you have before.</p>
<h3>Load more</h3>
<p>Usage: <code>[catlist ajax_loadmore=yes]</code></p>
<p>This transforms vanilla LCP pagination by replacing pagination links with a “Load more” link. Note that this<br />
first release does not allow specifying how many posts to fetch and uses the <code>numberposts</code> shortcode parameter<br />
same as <a href="https://github.com/picandocodigo/List-Category-Posts/wiki/Pagination" rel="nofollow ugc">vanilla pagination</a>.<br />
This will change in a future release.</p>
<p>You can customise the link’s text using LCP’s <code>pagination_next</code> parameter:<br />
    [catlist ajax_loadmore=yes pagination_next=”Show more posts”]</p>
<h3>General notes</h3>
<ul>
<li><strong>IMPORTANT</strong>: If you have multiple shortcodes on a page, those using AJAX <strong>must</strong> have the <code>instance</code> parameter set<br />
as per <a href="https://github.com/picandocodigo/List-Category-Posts/wiki/Pagination" rel="nofollow ugc">the documentation</a>.<br />
[catlist ajax_loadmore=yes instance=1]</li>
<li>You do not have to use LCP’s <code>pagination</code> parameter, using <code>ajax_loadmore</code> or <code>ajax_pagination</code> is enough.</li>
<li>Make sure your shortcode contains only one option: <code>ajax_loadmore</code> or <code>ajax_pagination</code>, otherwise the plugin will not work.</li>
</ul>
<h3>CSS customisations</h3>
<p>The plugin uses the following CSS classes:</p>
<ul>
<li>AJAX pagination <code><ul></code> has the original <code>lcp_paginator</code> class, this plugin also adds <code>lcpax-pagination</code>.</li>
<li>Wrapper around the load more link is: <code><div class="lcpax-nextlink-wrapper"></code>, the link itself is left unchanged<br />
as delivered by LCP, so it has the <code>lcp_nextlink</code> class.</li>
<li>The SVG spinner displayed while waiting for ‘load more’ to finish has the <code>lcpax-spinner</code> class.</li>
</ul>
<h3>Development</h3>
<p>LCP Ajax is open source software. You can find the<br />
development version of the plugin on <a href="https://github.com/klemens-st/lcp-ajax-pagination" rel="nofollow ugc">Github</a>.</p>
<p>All suggestions and contributions are welcome 🙂 Fork it, read the respository’s<br />
readme and start helping with the development!</p>
<h3>Support the plugin</h3>
<p>If you have found this plugin useful and would like to support its further development please consider<br />
<a href="https://github.com/sponsors/klemens-st/" rel="nofollow ugc">sponsoring it on GitHub</a> or <a href="https://www.paypal.com/donate?hosted_button_id=BX4TN5Z4MSX52" rel="nofollow ugc">donating on PayPal</a> 🙂</p>
<h3>User Support</h3>
<p>Please use the support forum for questions about <strong>using</strong> the plugin. Use Github issues for discussing <strong>code changes</strong> and <strong>bugs</strong>.</p>


LCP Ajax Pagination

Ajax pagination add-on plugin for List Category Posts.

LCP Ajax Pagination vs Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News