Advanced Search Bar

Hi,

Is there a way to create a Search bar where users can select the CMS collection they would like to search? I’ve attached a screenshot of what I am looking for.

Yes, of course you can create this. But this is NOT something that will be EASY AT ALL. The general steps here will be (you will have to figure out the details yourself or get a dev, we have a couple in the community). IF you’re using Supabase, then.

  1. Setup Postgres FTS Search with trigram similarity search (this is central to allowing them have that UX of finding matches as they type)
  2. Modify the tables you will be searching to be able to use FTS to search them
  3. Create a Supabase Postgres function that will run the search. That’s all for backend. Now frontend
  4. In Weweb, setup a global workflow with parameters. One of the parameters will be collection list. The second will be query. (There may be others depending on your use case. But those two are key).
  5. You pass the value in the search bar to the global workflow as query string. And the selected collections (as the collection list)

This way they search for an item it will limit the search to only those specific collections and return the results. That’s the skeletal plan.

Best wishes.

I’m using xano for the backend.

I’m afraid building that in Xano will require some Xano-specific expertise, and I have never looked at that platform. Perhaps you can ask also in the Xano forum for ideas.

Cheers.

I have Xano expertise and am happy to assist. Feel free to also check out my post for the upcoming search component too.

Book a free 30min session.