Mostafa

<h3>PWF – WooCommerce Products Filter – Best Filter plugin.</h3>
<p>Filter <strong>WooCommerce products and any WordPress custom post types</strong>. Easily filter by any criteria including categories, tags, any taxonomies, and price.<br />
Filter a list of post types on its <strong>archive, categories, and taxonomies</strong> page. Also, those created by Gutenberg, any <strong>page builder plugins</strong>, and any custom PHP code use WP_Query class.</p>
<p>The plugin is highly customizable and includes many features.</p>
<p><a href="https://woocommercefilter.mostafaa.net/" rel="nofollow ugc">Demo</a> | Get Pro <a href="https://codecanyon.net/item/pwf-woocommerce-product-filters/28181010" rel="nofollow ugc">PWF – WooCommerce Products Filter</a>.</p>
<h3>Woocommerce Products Filter</h3>
<p>The plugin has been created specifically to filter Woocommerce products. You can easily combine a group of filter items to create the perfect view of your WooCommerce shop using the built-in drag-and-drop form builder.<br />
The PWF plugin is integrated with the order menu on the shop archive page. It can also filter the products displayed by Woocommerce shortcodes. Or any custom query created with the WordPress class WP Query.</p>
<p>You can use any criteria you like to filter the products, like:</p>
<ul>
<li>Price.</li>
<li>Rating.</li>
<li>Product categories and tags.</li>
<li>Attributes: size, color, season, etc.</li>
<li>taxonomies (brand).</li>
</ul>
<h3>Filtering any WordPress Custom Post Types</h3>
<p>Filter any WordPress post types, including blog posts, events, etc. You can filter those posts by any criteria you like: categories, tags, and taxonomies. It’s easy to integrate the filter with the post archive page.</p>
<h3>Free version Features</h3>
<ul>
<li>RTL, Ajax.</li>
<li>Filter any custom post types.</li>
<li>Create Unlimited Filters.</li>
<li>Allows multiple selections.</li>
<li>Easy drag-and-drop form builder.</li>
<li>Scroll-to-top after doing Ajax.</li>
<li>Show or hide the count of items.</li>
<li>Push active filters into a friendly URL.</li>
<li>Action for empty filter item (show, hide, disable).</li>
<li>Controlling the position to display active filters.</li>
<li>Integrating with the Woocommerce dropdown menu orderby on the shop page.</li>
<li>Translation Ready(po & mo files).</li>
<li>
        <strong>Available elements to display on the front end</strong><br />
        Checkbox, Radio, Price slider, Star rating, Dropdown, and Button.
    </li>
</ul>
<h3>Premium version Features</h3>
<p>The premium version contains All the features on the free version.<br />
<strong></strong></p>
<ul>
<li>WordPress MultiSite.</li>
<li>
        <strong>Clean and Pretty URLs.</strong></p>
<ul>
<li>Pretty URL. yoursite/product-catgory-mobile/color-blue/</li>
<li>Clean URL. yoursite/?product-catgory=mobile&color=black</li>
</ul>
</li>
<li>
        <strong>Layout</strong><br />
        The PWF – WooCommerce Products Filter is coming with a horizontal and vertical layout.
    </li>
<li>
        <strong>Hierarchy Taxonomies</strong>.<br />
        You can display Hierarchy for categories and taxonomies in a checkbox list, radio list, text list, and dropdown.
    </li>
<li>
        <strong>Available Criteria</strong><br />
        It is possible to filter results using categories, tags, attributes, custom taxonomies, prices, custom fields, authors, stock status, search terms, ratings, on-sale products, featured products, and dates.
    </li>
<li>
        <strong>Displaying Fields On The Front End</strong></p>
<ul>
<li>Date.</li>
<li>Radio.</li>
<li>Rating.</li>
<li>Box list.</li>
<li>Text list.</li>
<li>Checkbox.</li>
<li>Price Slider.</li>
<li>Apply and reset button.</li>
<li>Search term.</li>
<li>Column layout.</li>
<li>Range slider.</li>
<li><strong>Color list</strong> with the option to upload image.</li>
<li><strong>Dropdown menu</strong> with multi-select option.</li>
</ul>
</li>
<li>
        <strong>Pagination Types</strong><br />
        The plugin WooCommerce Products filter includes three different pagination types: numbers, a load more button, and infinite scroll. The feature works well if a theme doesn’t support a load more button or infinite scroll.
    </li>
<li>
        <strong>Displaying rules</strong><br />
        This allows you to hide any filter item inside the filter on any page.
    </li>
<li>
        <strong>Simple step-by-step Filter</strong><br />
        There is an option that allows you to hide all filter items on the front end until the visitor chooses one option from a specific filter item.
    </li>
<li>
        <strong>The plugin sortcodes and widgets</strong><br />
        The plugin includes three widgets as well as shortcodes. Each widget has its own shortcode. They display the filter and the active filters selected by customers.
    </li>
<li>
        <strong>WPML Plugin</strong><br />
        The plugin is fully compatible with the WPML plugin. Also, it works well with the SEO rewrite rules.
    </li>
<li>
        <strong>SEO Friendly</strong><br />
        The PWF – WooCommerce Products Filter has an excellent SEO tool. It has many advantages.</p>
<ul>
<li>An easy drag-and-drop form builder.</li>
<li>Support popular SEO plugins.</li>
<li>Generate many URLs on the fly.</li>
<li>The following fields will be changed: the meta title, meta description, canonical URL, previous and next links.</li>
</ul>
</li>
<li>
        <strong>Filter WooCommerce Products By Variations</strong><br />
        Using the filter item stock status helps your customers to display in-stock and out-of-stock products depending on product variations. For example, color and size.
    </li>
<li>
        <strong>Advanced WooCommerce Ajax</strong><br />
        The free and paid versions both support Ajax. This feature only works with WooCommerce products.
    </li>
<li>
        <strong>Page Builder Plugins</strong><br />
        The PWF plugin is compatible with most popular page builder plugins such as Elementor, Elementor PRO, PowerPack for Elementor, WPBakery Page Builder, Divi Builder, Themify Builder, Oxygen Builder, and Beaver Builder.
    </li>
<li>
        <strong>Elementor plugin</strong><br />
        The plugin is compatible with the Elementor plugin pro and PowerPack for Elementor, so you can use Ajax to get Woocommerce products.
    </li>
<li>
        <strong>Style Customization Tool</strong><br />
        You can customize the plugin’s style to match the website’s theme style. For example, the colors, font size, shape size, and hover.
    </li>
<li>
        <strong>Advanced cache system</strong><br />
        The plugin cache all counted terms and product ids to increase load speed. Additionally, this feature is compatible with popular cache plugins.
    </li>
<li>
        <strong>Analytics Tool</strong><br />
        The PWF plugin includes an amazing tool for determining what things are more interesting to your customers so you can make decisions about your website to improve it.
    </li>
<li>
        <strong>Plugin REST API</strong><br />
        The feature allows you to integrate our plugin with an Android or iPhone App if your website has one.
    </li>
<li>
        <strong>Developer Friendly</strong><br />
        The plugin has many WordPress and Javascript hooks that developers can use to make our plugin compatible with the site’s theme. For example, modify the templates used to display products, result counts, and pagination.
    </li>
</ul>


PWF – Products Filter for WooCommerce

Filter WooCommerce products and WordPress post types. Filter by any criteria including categories, tags, taxonomies, price, and custom fields.

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.

PWF – Products Filter for WooCommerce vs PickPlugins Product Filter for WooCommerce