Search one CMS collection

[Tessa]

Hi everyone,

I hope someone can help me out with this! On my website, I have one page with FAQ’s. All these FAQ’s come from the same collection. They are displayed in four separate lists, filtered by tags corresponding to subject (so a list for About, Development, Licensing and Sales, and Support).

I want visitors to be able to search through the questions and the (initially hidden) answers. I know that you can add a site search bar. One way this might work, is to exclude every single thing from site search results except for that page, but I see two big downsides to this:

1. I would not be able to add a general site search later on if I wanted to
2. If I’m correct, search results link to pages, so all results will lead to the same page

I know you can filter the list as a Designer, is it perhaps possible to have the visitors add the filter in an input field or something along those lines?

Thanks a lot in advance!

---

Here is my public share link: LINK
(how to access public share link)

[samliew (webflowexpert.com)]

@Tessa

I have one page with FAQ’s. All these FAQ’s come from the same collection.

In that case you could add an on-page search using some JavaScript library,

something like this JavaScript- find text within a page and jump to location in page

[Tessa]

Thanks, but I feel like that is not what I’m looking for. This seems like it jumps down while you are typing (like what happens when you press CTRL + F), but I don’t think that works on this website. Also, I think that it only works with what is visible on the website, but my FAQ answers are initially hidden (clicking on the question makes the answer fold out).

Does anyone else have a suggestion?

[JayP (Jay Phillips)]

I’ve been looking for a similar solution.

I haven’t tried implementing this yet, but it seems to do what I need. Maybe this would work for you also?

List / Page Section Search

Hey, I’ve just implemented a Jquery plugin called HideSeek to give live search results on a page for a list of items. It’s pretty simple. Here’s a JSFiddle of it - HideSeek Search - Webflow - JSFiddle - Code Playground Here’s the link to the Jquery plugin - HideSeek jQuery plugin | A simple, yet customizable live search jQuery plugin And the github page - GitHub - vdw/HideSeek: A simple, mobile-friendly, yet customizable quick/live search jQuery plugin. To get it working, I added the follow…

[webdev (Jeff Selser)]

Take a look at this third party tool.

Custom site search | A smart on-site search that adapts to your needs | Site...

[Tessa]

This was the solution! I combined the knowledge in that thread with Keyword search Jquery library not working - looking for help and that did the trick Thanks a lot!

[Pablo_Petzen]

If you dont want to code this by yourself, take a look in www.searchbar.org, they are specialized in custom website search services, for example this website just want to have cities as results: https://www.redeolhos.com.br.

[alvinyang (Alvin)]

is site search function possible without collection item, means crawl from different pages? Thanks