Designs & Code

Design, Development and WordPress

search_slide[1]

Posted by & filed under CSS, Development, HTML, PHP, Plugins, WordPress.

WordPress Search & Filter is a simple search and filtering plugin.  It is essentially an advancement of the WordPress search box, adding taxonomy filters & post filters to really refine your searches.

You can search by Category, Tag, Custom Taxonomy, Post Type or any combination of these easily – you can even remove the search box and simply use it as a filtering system for your posts and pages.

After my own requirements of needing some granular filters applied to my searches I tried a few free plugins online and found none quite did what I need, there are many plugins that enhance the search box, and there are others that allow filtering of taxonomies but none that combine the two and are free (as far as I can tell).

The best free plugin I found was the Query Multiple Taxonomies Plugin – however it did not allow you to search at the same time as applying the filters.

And so the Search & Filter plugin was born:

 

Download Wordpress Search & Filter

Grab the download any of these sources:

WordPress Plugins GitHub

How To Use

To display Search & Filter all you need to do is a use a shortcode:

[searchandfilter fields="search,category,post_tag"]

This will display a search box, a category dropdown and a tag dropdown. You can use the shortcode within posts/pages and widget areas.

To use this within a theme file you simple need to call the `do_shorcode` function with the shortcode above within the theme file:

<?php echo do_shortcode( '[searchandfilter fields="search,category,post_tag"]' ); ?>

Documentation

Official documentation can be found on our docs site which contains usage examples and advanced settings & features.

Screenshots

Need More?

Get the pro version:

  • Search with Ajax :)
  • Filter by Date, Author & Post Meta / Custom Fields
  • Sort results by Post Meta / Custom Fields
  • Range Sliders and Range Fields for Meta Data
  • Drag and Drop user interface – makes it incredibly easy to build a granular search form
  • Works with WooCommerce, Advanced Custom Fields Plugin & more
  • Dedicated Support

Find out more

Links

– Official Documentation
WordPress.org Plugin
Github Project

265 Responses to “WordPress Search & Filter – A Simple Search and Filtering Plugin for Taxonomies”

  1. how can we change the size of the dropdown title…cause “all items” in English corresponds to “Toutes les catégories” in French and it ‘s too big to appear completely…so i d like to change the size of the dropdown itself OR change the item’s size. thanks in advance

    Reply
    • Ross

      This would just be some CSS, something like:

      select
      {
      width:200px;
      }

      Of course this will change the width of ALL the dropdowns on your site, so you will have to use the correct class around the select, which is based on your field name I believe.

      Thanks

      Reply
    • Ross

      Yup it works with multisite – but it doesn’t search across all sites – each site has their own separate environement

      Reply
  2. JC

    I can t quite seem to figure out how to add ACF custom fields to the shortcode, anyone?

    Reply
    • Ross

      ACF fields are not supported in S&F free I’m afraid – only available in pro

      Reply
  3. Matty

    How can I use this to only show a custom post type that I have created?

    For example, I want to display a search and filter on a “products” page which only filters and searches for posts which are in my “products” custom post type along with their relevant tags and categories.

    Hope you can help! :)

    Matty

    Reply
  4. Vladan Krstic

    Is it posible to have the search form in a line. I guess it can be done via CSS.
    And can the results be displayed horizontally with arrows to click on the left and right to see more, like in a slider.

    Reply
  5. Mateo

    Hi,

    i have a question. I´m not shure if i understand the thinks right. When i install the search & filter plugin i need another plugin to tag my text or my products, for this reason the search & filter plugin knows how to relate the right product to the right categories. And the other plugin could be TinyMCE. Right?

    sorry for my broken english. I hope you can understand my words.

    Thanks a lot

    Reply
  6. Hi,

    I’m trying to set a filter by words of type “search” that show results related in a taxonomy.
    I would like to know if it is possible to add a parameter to the search taxonomy .
    Example:
    [searchandfilter fields=”search” submit_label=”Search” post_types=”post”]
    Taxonomy: Tax1, Tax2, Tax3….
    I would get results related to the search word and also contain “Tax1”
    Current url: …?s=software&post_types=post
    Url that i’d like to get: …?s=software&post_types=post&taxonomy=tax1
    Thanks

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *