Skip Navigation

[Resolved] Custom Search seems difficult to configure to match an out-of the-box plugin

This support ticket is created 5 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.

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/Hong_Kong (GMT+08:00)

This topic contains 1 reply, has 2 voices.

Last updated by Luo Yang 5 years, 3 months ago.

Assisted by: Luo Yang.

Author
Posts
#1496665
Screen Shot 2020-02-06 at 12.26.13 PM.png
Screen Shot 2020-02-06 at 12.20.34 PM.png

Tell us what you are trying to do?
I am trying to create a clean search bar that searches all custom type. Ideally would have autocomplete and will show the word match in a dropdown that will show a line with the document and the document type by its side

I can get a free plugin that does that (ajaxserchlite) or even pay extra for the pro version to obtain further customization

The Toolset search shows default results from the get go which is a non-no for any website, has an ugly bar and an ugly output (I understand I can format both but struggling to do so). Then It's not obvious how to edit the search term component (the button is greyed out saying I already did it).

Is there any documentation that you are following?
I have read all kinds of documentation in your site, youtube and your training courses inside the website

Is there a similar example that we can see?
I am attaching two screenshots for your view. In all of them the nice rounded bar is from the external plugin and the square one from Toolset. The image with both empty search bars show how toolset shows a bunch of results just by loading the page, The second one shows how the Ajax third party plugin shows a drop-down with results as I type the search term.

What is the link to your site?
hidden link but you'll likely won't see it as it's in maintenance mode.

Please advice what I need to do to achieve this functionality in Toolset or if this is not possible.
Thanks

#1497391

Hello,

Q1) In all of them the nice rounded bar is from the external plugin and the square one from Toolset
To style the custom search form, it requires custom CSS codes, I suggest you follow our document to setup your CSS codes:
https://toolset.com/documentation/user-guides/views/front-page-filters/#vfmh-adding-search-controls

Here is a document about "CSS Rounded Corners"
hidden link

Q2) The second one shows how the Ajax third party plugin shows a drop-down with results as I type the search term.
It requires custom JS codes, for example, you could add select2 yourself: hidden link