Create a search like the one in your example

[kath molyneux]

Hi there

I’m trying to create an interative search like the one on your home page (screenshot attached)

I tried working it all out for myself but the videos don;t match the version that I’m looking at so I’m getting confused.

Basically I want to be able to search jobs by Location and Company and Job Title…. eg show all jobs in North West location – result = 10, filter this by Company – new result = 2. Or maybe, search by Company – result = 20, filter this by Job Title – new result shows 3 jobs.

I hope this makes sense!

Thank you

[Ernest Marcinko]

Hi!

Sure – I will help you as much as I can.

The generic theme for that search is this one. After selection the search input should look very similar to that. For keyword suggestions (below the search bar) go here.

Then about the filters
– In that example I have set the to be a block and visible at all time: https://i.imgur.com/bRz15e4.png
– Then depending on the case, I suspect you want taxonomy term filters. For that we selected the category and the blog_category taxonomies. If you click the display mode button, the labels, states etc.. can be changed.

To have separate filter boxes (one for Company, one for Location similarly to us having the Example Categories and the Blog categories) they should be separate custom taxonomies. It’s generally a good practice to have taxonomy separation between very distinctive categorization criteria. In case you don’t have that yet, I highly recommend to create taxonomies for them.

That’s basically it 🙂

[kath molyneux]

Thank you so much! – I will follow this and report back 🙂

[Ernest Marcinko]

You cannot access this content.

[kath molyneux]

Hi there

So I’m doing really well, I think!

I’ve created separate taxonomies and the search seems to be working great – just a couple of things… How can I make the separate categories horizontal?

Also, not really Ajax related, but I can’t see how to include the Custom taxonomy fields in my Job Post?

Thank you so much for your help with this!

Katherine

[kath molyneux]

It’s okay! I did it – I had set the search width to 50% (doh!)

Thank you so much for your help.

[Ernest Marcinko]

Great 🙂 You are very welcome!

[kath molyneux]

Hi there Ernest

https://www.sustainable-careers.co.uk/

We’re on with the design now and it’s looking great – please is it possible to have the options as a drop down instead of showing them all as checkboxes?
I did see a dropdown option but it didn’t seem to do anthing.

Hope you can help!

Thank you so much

Katherine

[Ernest Marcinko]

Sure Katherine!

You can change that here: https://i.imgur.com/UiaSHbE.png

[kath molyneux]

Thank you once again! That works perfectly…

Thank you so much for your help.

Katherine

[Ernest Marcinko]

You cannot access this content.

[kath molyneux]

Hi Ernest

Please could I trouble you for another request?

The search front end on the website is working perfectly.

Because this is a careers site, we need the functionality of a jobs board and I have added a plugin called https://wpjobopenings.com/

I’ve adjusted the Ajax search so that it searches the jobs created using this plugin instead of posts.

What I really want to be able to achieve is to send the search results to this page https://www.sustainable-careers.co.uk/jobs/

I had a go (with the duplicate search instance) but I could make it work… Is this possible to achieve?

Thank you!

best wishes
Kath

[kath molyneux]

ps – that should say…
I had a go (with the duplicate search instance) but I could NOT make it work… Is this possible to achieve?

[Ernest Marcinko]

Hi Kath,

Sort of, yes, I think it’s doable.

While the search override may not trigger because of the custom page, you can definitely send the search to redirect to that page and let the other search do it’s thing.

To do that, go to the Search Behavior -> Magnifier and Return actions menu, and set the custom redirect URL to this:

jobs/?jq={phrase}

If all goes well, the plugin will redirect to the jobs search page, with the pre-populated search query.

[kath molyneux]

Hi Ernest
Thank you. I’ve put that in the duplicate search instance, but it’s still going to the default results page. I’ve cleared the cache etc.

Hope you can help!

Thank you
best wishes
Kath

[Author]

Posts