Maulik Vora

Divyesh kakrecha

Dipika Balajiwala

<p>Advanced Ajax Posts Filter For Elementor is a comprehensive WordPress plugin that creates a custom Elementor widget with advanced AJAX taxonomy filtering capabilities. This plugin enhances the standard Elementor posts widget by adding dynamic filtering functionality without page reloads, providing users with a smooth and interactive browsing experience.</p>
<h3>Features</h3>
<h3>Core Functionality</h3>
<ul>
<li>
<p><strong>Advanced Query Controls</strong></p>
<ul>
<li>Support for all public post types (posts + Custom Post Types)</li>
<li>Include/Exclude posts by ID with precise control</li>
<li>Multiple sorting options: Date, Title, Menu Order, Random</li>
<li>Flexible order settings: ASC/DESC</li>
<li>Posts per page configuration</li>
<li>Offset control for custom post skipping</li>
<li>Ignore sticky posts option</li>
</ul>
</li>
<li>
<p><strong>Multiple Layout Options</strong></p>
<ul>
<li>Grid layout with responsive columns</li>
<li>Masonry layout for dynamic content</li>
<li>List layout for traditional blog style</li>
<li>Card layout with overlay effects</li>
<li>Responsive columns (desktop/tablet/mobile)</li>
<li>Adjustable column gap & row gap</li>
<li>Equal height option for consistent layouts</li>
</ul>
</li>
<li>
<p><strong>Advanced Pagination System</strong></p>
<ul>
<li>None (disable pagination)</li>
<li>Numbers pagination with customizable controls</li>
<li>Load More button with AJAX loading</li>
<li>Infinite Scroll for continuous browsing</li>
<li>Previous/Next navigation with icon support</li>
<li>Custom pagination text and styling</li>
</ul>
</li>
<li>
<p><strong>Rich Post Elements</strong></p>
<ul>
<li>Featured Image with size selection and lazy loading</li>
<li>Title with HTML tag selection (H1-H6)</li>
<li>Excerpt with length control</li>
<li>Comprehensive meta data: Author, Date, Categories, Comments</li>
<li>Customizable Read More button</li>
<li>Card overlays for date and categories</li>
</ul>
</li>
</ul>
<h3>AJAX Taxonomy Filter</h3>
<ul>
<li>
<p><strong>Powerful Taxonomy Controls</strong></p>
<ul>
<li>Support for any taxonomy (category, tag, custom taxonomy)</li>
<li>Include/exclude specific terms</li>
<li>Show “All” option for quick reset</li>
<li>Multi-select toggle for complex filtering</li>
<li>Full hierarchical support</li>
<li>AND/OR relation between terms</li>
</ul>
</li>
<li>
<p><strong>Flexible Filter UI Styles</strong></p>
<ul>
<li>Horizontal tabs for space-efficient layout</li>
<li>Vertical tabs for sidebar placement</li>
<li>Customizable filter appearance</li>
</ul>
</li>
<li>
<p><strong>Smart Behavior</strong></p>
<ul>
<li>Pure AJAX-based filtering (no page reload)</li>
<li>Seamless integration with all pagination types</li>
<li>Works with Load More and Infinite Scroll</li>
<li>Optional URL sync for shareable filtered views</li>
<li>Graceful fallback if JavaScript is disabled</li>
<li>Loading states and smooth animations</li>
</ul>
</li>
</ul>
<h3>Styling & Customization</h3>
<ul>
<li>
<p><strong>Complete Visual Control</strong></p>
<ul>
<li>Typography controls for all text elements</li>
<li>Color customization with Elementor global colors</li>
<li>Border and shadow effects</li>
<li>Spacing and padding controls</li>
<li>Responsive design settings</li>
<li>White text on colored backgrounds for perfect visibility</li>
</ul>
</li>
<li>
<p><strong>Elementor Integration</strong></p>
<ul>
<li>Native Elementor widget architecture</li>
<li>Live preview in Elementor editor</li>
<li>Global color system integration</li>
<li>Responsive controls for all devices</li>
<li>CSS optimization for performance</li>
</ul>
</li>
</ul>
<h3>Developer Hooks</h3>
<p>The plugin provides several action and filter hooks for extensibility:</p>
<ul>
<li><code>aapf_before_query</code> – Filter query arguments before execution</li>
<li><code>aapf_after_query</code> – Action after query execution</li>
<li><code>aapf_before_render</code> – Action before widget render</li>
<li><code>aapf_after_render</code> – Action after widget render</li>
</ul>
<h3>Example Usage</h3>
<p>[code]<br />
// Modify query arguments<br />
add_filter( ‘aapf_before_query’, function( $args, $settings ) {<br />
    // Add custom query modifications<br />
    if ( isset( $settings[‘custom_field’] ) ) {<br />
        $args[‘meta_key’] = $settings[‘custom_field’];<br />
    }<br />
    return $args;<br />
}, 10, 2 );</p>
<p>// Add custom action after render<br />
add_action( ‘aapf_after_render’, function( $settings ) {<br />
    // Your custom code after widget render<br />
    error_log( ‘Widget rendered with settings: ‘ . print_r( $settings, true ) );<br />
} );<br />
[/code]</p>
<h3>Security</h3>
<ul>
<li>All user inputs are properly sanitized using WordPress functions</li>
<li>All outputs are escaped to prevent XSS attacks</li>
<li>AJAX requests include nonce verification</li>
<li>Proper capability checks for all operations</li>
<li>No direct file access allowed</li>
<li>Follows WordPress security best practices</li>
</ul>
<h3>Performance</h3>
<ul>
<li>Lazy loading for featured images</li>
<li>Efficient WP_Query usage with proper caching</li>
<li>Minimal DOM manipulation with optimized JavaScript</li>
<li>Proper post data reset to prevent memory leaks</li>
<li>No duplicate queries or unnecessary database calls</li>
<li>Conditional asset loading for improved page speed</li>
</ul>
<h3>Browser Support</h3>
<ul>
<li>Modern browsers (Chrome, Firefox, Safari, Edge)</li>
<li>Graceful degradation for older browsers</li>
<li>Works without JavaScript (basic functionality)</li>
<li>Mobile-optimized touch interactions</li>
<li>Accessible keyboard navigation</li>
</ul>
<h3>Donate</h3>
<p><strong>Love this plugin?</strong> Help us continue development and add more amazing features!</p>
<p>Your support helps us:</p>
<ul>
<li>🚀 Add new features and layout options</li>
<li>🐛 Fix bugs and improve stability</li>
<li>📱 Enhance mobile experience</li>
<li>🎨 Create more customization options</li>
<li>📚 Write better documentation</li>
</ul>
<p>Buy Me A Coffee – ☕ <a href="https://www.buymeacoffee.com/zluck" rel="nofollow ugc">https://www.buymeacoffee.com/zluck</a>.</p>
<h3>License</h3>
<p>This plugin is licensed under the GPLv2 or later. For more information, see <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">https://www.gnu.org/licenses/gpl-2.0.html</a>.</p>
<h3>Credits</h3>
<p>Developed following WordPress Plugin Handbook best practices and Elementor widget architecture guidelines.</p>
<ul>
<li><strong>Elementor Integration</strong> – Built with Elementor 3.0+ compatibility</li>
<li><strong>WordPress Standards</strong> – Follows all WordPress coding standards</li>
<li><strong>Performance Focus</strong> – Optimized for speed and efficiency</li>
<li><strong>User Experience</strong> – Designed with accessibility and usability in mind</li>
</ul>


Advanced Ajax Posts Filter For Elementor

AJAX-powered Elementor posts widget with taxonomy filtering and pagination.

swinton

<p>This plugin is primarily aimed at theme developers, and intends to ease the<br />
creation of semantic, usable pagination controls for WordPress listings pages, such as<br />
arhive, author, category, search, tag listings etc.</p>
<p>Inspired by <a href="https://codex.wordpress.org/The_Loop" rel="nofollow ugc">The Loop</a> and <a href="https://codex.wordpress.org/Function_Reference/WP_Query" rel="nofollow ugc">WP_Query</a>, this plugin stays out of the theme<br />
developer’s way, allowing her to create the markup needed by providing the<br />
following template tags:</p>
<ul>
<li><code>pp_has_pagination</code> – determines whether the current ‘view’ has any pagination to display, i.e. whether the content being browsed spans more than 1 page</li>
<li><code>pp_the_pagination</code> – initiates the pagination context, should be called at the beginning of each loop iteration</li>
<li><code>pp_rewind_pagination</code> – resets the pagination context, so that the pagination loop can be iterated over multiple times</li>
<li><code>pp_is_current_page</code> – for use in the pagination loop, returns a boolean indicating whether the current loop iteration is for the current page</li>
<li><code>pp_has_previous_page</code> – for use in the pagination loop, returns a boolean indicating whether there is a previous page, e.g. when at page 1, there is no previous page</li>
<li><code>pp_has_next_page</code> – for use in the pagination loop, returns a boolean indicating whether there is a next page, e.g. when at page N of N, there is no next page</li>
<li><code>pp_the_page_permalink</code> – for use in the pagination loop, echos the permalink for the current page</li>
<li><code>pp_the_previous_page_permalink</code> – for use in the pagination loop, echos the permalink for the previous page</li>
<li><code>pp_the_next_page_permalink</code> – for use in the pagination loop, echos the permalink for the next page</li>
<li><code>pp_the_first_page_permalink</code> – for use in the pagination loop, echos the permalink for the first page</li>
<li><code>pp_the_last_page_permalink</code> – for use in the pagination loop, echos the permalink for the last page</li>
<li><code>pp_the_page_num</code> – for use in the pagination loop, echos the page number of the current page being iterated over</li>
</ul>
<p>For example, the following arrangement of template tags would provide a rudimentary pagination control:</p>
<pre><code><?php if (pp_has_pagination()) : ?>
    <div class="pagination">

        
        <?php pp_the_pagination(); if (pp_has_previous_page()) : ?>
            <a href="<?php pp_the_previous_page_permalink(); ?>" class="prev">newer stories</a>
        <?php else : ?>
            <span class="current prev">newer stories</span>
        <?php endif; pp_rewind_pagination(); ?>

        
        <?php while(pp_has_pagination()) : pp_the_pagination(); ?>
            <?php if (pp_is_current_page()) : ?>
                <span class="current"><?php pp_the_page_num(); ?></span>
            <?php else : ?>
                <a href="<?php pp_the_page_permalink(); ?>"><?php pp_the_page_num(); ?></a>
            <?php endif; ?>
        <?php endwhile; pp_rewind_pagination(); ?>

        
        <?php pp_the_pagination(); if (pp_has_next_page()) : ?>
            <a href="<?php pp_the_next_page_permalink(); ?>" class="next">older stories</a>
        <?php else : ?>
            <span class="current next">older stories</span>
        <?php endif; pp_rewind_pagination(); ?>

    </div>
<?php endif; ?>
</code></pre>
<p>The template tags on offer by this plugin provide the theme developer with an<br />
unlimited array of possibilities for marking up the pagination control in a<br />
semantic manner.</p>
<p>For more information, see the original <a href="http://www.nixonmcinnes.co.uk/2009/07/27/making-wordpress-navigation-more-usable-through-pagination-patterns/" rel="nofollow ugc">blog post</a>.</p>

Proper Pagination

A flexible framework for creating semantic pagination controls for a listings page based on established usability patterns.

Advanced Ajax Posts Filter For Elementor vs Proper Pagination