Skip Navigation

[Resolved] Create search results page with category list similar to Library of Congress

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Karachi (GMT+05:00)

This topic contains 7 replies, has 2 voices.

Last updated by Waqar 1 year, 5 months ago.

Assisted by: Waqar.

Author
Posts
#2621433

I have a development site and the client wants a search field at the top of the page and then a results page like this one:
hidden link

The category list on the left is what I'm looking to accomplish. They are links to a more refined search by category.

The dev site is hidden link

Any insight would be greatly appreciated.

Thanks,
John

#2621579

Hi John,

Thank you for contacting us and I'd be happy to assist.

Yes, it is possible to show the search form and the search results in different locations on the same or a different page.

You'll first create a page with the search view, on a page that should be showing the results, as explained in this guide:
https://toolset.com/course-lesson/creating-a-custom-search/

Next, you'll place the view block that only shows the search form for that view in the header or wherever you'd like the standalone search form to appear:
https://toolset.com/lesson-placement/lesson-placements-1622935-1979405/

Note: You can also use the following shortcode to only show the search form from a particular view:


[wpv-form-view name="name of view" target_id="1234"]

You'll replace 'name of view' and '1234' with the actual name of the view and the target page to show the search results, respectively.

For the category terms in the search field, there is no option to show them as links. But you can use a radio button type field for this. The actual radio buttons next to the term label can be hidden through some custom CSS so that they act as clickable links.

I hope this helps and please let me know if you need further assistance.

regards,
Waqar

#2621753

Hi Waqar,
Thanks for your help. I'll try the radio buttons with CSS.
Much appreciated.
John

#2621859

Hi again,
I'm stuck on something. I can create a two column layout with search on left and results on right. What I want to do is to have this on the search results page:

The left column is a more refined search. Meaning, I want a list of categories or custom fields they can click on to refine the search results on the right. I'm not sure how to "connect" the information in the two columns - how do the search fields in the left column talk to the information in the right column to refine the search?

Do I add a new view in the left column of the results page? If so, will that connect with the results in the right column and refine the search?

John

#2622027

Thanks for writing back.

To suggest the next steps, I'll need to see how this search view is set up in the admin area.

Can you please share the temporary admin login details, along with the link to the search results page?

Note: Your next reply will be private and making a complete backup copy is recommended before sharing the access details.

#2622573

Thank you for sharing the access details.

I tried to log in to the admin area, but it redirects to login to some extra security/proxy layer, first.

Can you please temporarily disable that, until this ticket gets resolved?

#2623363

You should be able to log in now.
Thanks

#2623615

I was able to log into the admin area, thank you.

On the page "John's New Search Results", the view block for the search results was added in the right grid cell.

I've added another view block in the left grid cell too and selected it to show only the search form.
( sreenshot: hidden link )

Now, the search form and the results from the same view are showing on the same page, in two different columns.