How to create a taxonomy/category filter search in homepage?

  • Hi,
    I need to insert in homepage an area to do an advanced search on the basis of category/taxonomies.
    I would something like 4 cells, 1 for each category/taxonomy.
    I would select 1 or more values in the drop down menu and click on search to return the list of posts that satisfy these criterias.
    How can I do this thing?

    Thanks

Viewing 8 replies - 1 through 8 (of 8 total)

  • Hi @ita10

    You might find this plugin useful – https://www.ads-software.com/plugins/search-filter/

    It works with sidebar widgets as far as I can see. So either you can use that. If your theme supports a horizontal location for adding a sidebar, that would be great.

    Or you can look towards adding a horizontal placement for a sidebar at your desired location and then add this to that custom sidebar.

    Thread Starter ita10

    (@ita10)

    I already had installed it, but it’s very difficult to customize style, colours, etc with the free version.
    Moreover the mobile responsiveness is awful.

    I checked its documentation, so not even a sidebar widget like I suggested earlier. This should be a great fit for your needs. Just add the shortcode to an empty page and style it. What was the difficulty in customising it?

    And the expected functionality is quite custom in nature, so you would have to rely on something and build on top of it, if you can’t find an exact solution.

    They also have a beta version, you can try that as well – https://searchandfilter.com/search-filter-3-0-free/

    Thread Starter ita10

    (@ita10)

    Yes, I already contacted them for the beta. It’s available just after contacting them.
    I customized the search form with all fields (category/taxonomy), what I have to do is:
    – change the colour of labels/values
    – change the angles of labels
    – change the text colours
    – change the button background colour
    etc

    I use Elementor and I added this with a shortcode widget.
    I modified the custom CSS, but I don’t know exactly what I have to write…
    Do you have suggestions with examples?
    I don’t know css, but if I see some example maybe I can solve the problem.

    Thanks

    So your functionality needs are fulfilled by this plugin, good. Now you just have to figure out the CSS for changing the look of it. I suggest you invest some time into learning CSS to specify colours & background.

    Thread Starter ita10

    (@ita10)

    I’ll try! Thanks

    Hi @ita10,

    Firstly, when the beta plugin is installed, right-click and select the location where you need to adjust the CSS > Test:

    1. Change color of label/value:

    .tenclass{
background: red;
}

    2. Change the angle of the label:

    .tenclass{
border-top-left-radius: 12px; //top left of label
border-top-right-radius: 12px; // top right of label
border-bottom-left-radius:12px; //bottom left of label
border-bottom-right-radius:12px; //bottom right of label
}

    3. Change text color:

    .tenclass{
color:black;
}

    4. Change button background color:

    .tenclass{
background: red;
}

    Let me know if my answer can help you resolve your issue.

    Thread Starter ita10

    (@ita10)

    Thanks!
    I’m waiting for the Plugin Support that send me instructions to install the beta.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to create a taxonomy/category filter search in homepage?’ is closed to new replies.