christianjc98

<p>Janssen Fast Filters adds a clean, fast product filter to your WooCommerce store.</p>
<p>Customers can filter products by category, attributes (like color or size), and price range. Results update instantly via AJAX without page reloads.</p>
<p><strong>Features:</strong></p>
<ul>
<li>AJAX filtering – no page reloads</li>
<li>Category filter with subcategory support</li>
<li>Product attribute filters</li>
<li>Price range slider with min/max inputs</li>
<li>Sort by price, popularity, rating, or date</li>
<li>Mobile-friendly slide-in panel</li>
<li>Active filters display with one-click removal</li>
<li>Gutenberg block for easy placement</li>
<li>Fully translatable</li>
</ul>
<p><strong>Why Janssen Fast Filters?</strong></p>
<ul>
<li>Lightweight – no bloat, no frameworks</li>
<li>Fast – vanilla JavaScript, optimized queries</li>
<li>Accessible – ARIA labels, keyboard support</li>
<li>Mobile-first – touch-friendly, responsive</li>
</ul>


Janssen Fast Filters for WooCommerce

Lightweight AJAX product filter for WooCommerce. Fast filtering by category, attributes, and price without page reloads.

PickPlugins

<p>Every WooCommerce site needs a good WooCommerce product filter system in order to be a good e-commerce site. As an online shop contains a ton of products so it’s kinda hard for anyone to find anything instantly.When a customer visits a e-commerce site, he or she in a hurry. Usually, online shopping is much more preferable to many people as it takes less time to do the shopping. So when a person is in hurry and has to do his or her shopping, what he or she will need?  they will search for a search input box on that site. In that search box, they will type their desire product name, color etc and the product will come to their screen. They will buy that!! boom!! shopping is done. This kind of task is only possible by adding an excellent WooCommerce product filter plugin. Pickplugin has developed such type of plugin for WooCommerce Search plugin.</p>
<h3>PickPlugins product filter for WooCommerce by <a href="http://pickplugins.com" rel="nofollow ugc">http://pickplugins.com</a></h3>
<ul>
<li><a href="http://www.pickplugins.com/demo/wc-product-filter/shop/?ref=wordpress.org" rel="nofollow ugc">Live Demo</a></li>
<li><a href="https://www.pickplugins.com/documentation/wc-product-filter/?ref=wordpress.org" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://www.pickplugins.com/support/?ref=wordpress.org" rel="nofollow ugc">Support</a></li>
</ul>
<h3>VIDEO TUTORIAL</h3>
<p><iframe loading="lazy" title="PickPlugins Product Filter for WooCommerce" width="750" height="563" src="https://www.youtube.com/embed/CXEJT96jMKU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h3>Plugin Features</h3>
<ul>
<li>Filter by keywords</li>
<li>Filter by product categories</li>
<li>Filter by product tags</li>
<li>Filter by price range</li>
<li>Filter by order & order by</li>
<li>Filter onsale product</li>
<li>Filter in-stock</li>
<li>Filter by SKU</li>
</ul>
<h3>How to use?</h3>
<p>Please go to “Widgets” page and see there is a widget “WC Product Filter”, you can use this on sidebars.<br />
There is no option currently, we will update soon.</p>
<h3>How to add custom search field and filter products?</h3>
<p>you can add custom search field by action hook and filter products as well,</p>
<h3>Step 1:</h3>
<p>Add search input field</p>
<pre><code>add_action('WCProductFilter_fields','WCProductFilter_field_my_custom_input', 30);
function WCProductFilter_field_my_custom_input(){

    $WCProductFilter = isset($_GET['WCProductFilter']) ? sanitize_text_field($_GET['WCProductFilter']) :""; // check this to ensure for is submitted from WCProductFilter.
    $_custom_input = isset($_GET['_custom_input']) ? sanitize_text_field($_GET['_custom_input']) :""; // Do not forget to sanitization

    if(!$WCProductFilter):
        $_custom_input = '';
    endif;


    /*
     *
     * you can check conditional here.
     *
     * if(is_shop()):
     * execute code only shop page
     * endif;
     *
     * */

    if(is_shop()):
        // this will only display under shop page and hide others page
        ?>
        <div class="field-wrapper">
            <div class="label-wrapper">
                <label class=""><?php echo __('Custom Input','wc-product-filter'); ?></label>
            </div>
            <div class="input-wrapper">
                <input type="search" placeholder="<?php echo __('Custom input','wc-product-filter'); ?>" name="_custom_input" value="<?php echo $_custom_input; ?>">
            </div>
        </div>
    <?php
    endif;

}
</code></pre>
<h3>Step 2</h3>
<p>verify input variable and put on product query arguments</p>
<pre><code>function wc_pf_query_args_custom_field($args, $form_data){

    //default search query
    $args['s'] = isset($form_data['_custom_input']) ? $form_data['_custom_input'] : '';

    return $args;

}
add_action('wc_pf_query_args', 'wc_pf_query_args_custom_field');
</code></pre>
<h3>How to remove existing input fields?</h3>
<p>By action hook you can simply remove any input fields exist.</p>
<pre><code>remove_action('WCProductFilter_fields','WCProductFilter_field_keyword',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_categories',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_tags',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_price_range',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_order',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_orderby',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_onsale',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_in_stock',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_keyword',30);
remove_action('WCProductFilter_fields','WCProductFilter_field_sku',30);
</code></pre>


PickPlugins Product Filter for WooCommerce

Filter shop product by advance filter and search.

Janssen Fast Filters for WooCommerce vs PickPlugins Product Filter for WooCommerce