How do I implement SimpleSearch?


I struggle to implement SimpleSearch. I want to have a search-input in the header of every page and when triggering the search, it should redirect to a special page which shows the result.

Here is my code at the moment:

my HTML Render:

<form method="GET">
<input type="search" name="search" value="{searchWord}" autofocus class="{inputClassNames}" autocomplete="off" placeholder="{f:translate(id: 'search', package: 'Flowpack.SearchPlugin')}" data-autocomplete-source="{f:uri.action(action: 'index', controller: 'Suggest', package:'Flowpack.SearchPlugin', format: 'json', absolute: 1, arguments: {contextNodeIdentifier:node.identifier, dimensionCombination: dimensionCombination})}"/><button type="submit">{f:translate(id: 'search', package: 'Flowpack.SearchPlugin')}</button>

My fusion Code:

search = ‘’
node = ${site}
dimensionCombination = ${Json.stringify(this.node.context.dimensions)}
templatePath = ‘resource://Propeller.Site/Private/Templates/Content/Navigation/Search.html’
inputClassNames = ‘searchinput’
searchWord = ${}

It is included in my Navigation.fusion.

The Post-parameter works fine, but but the question is: How do I redirect to the SearchResult-Page?

And also get an error when using the search form:

An exception was thrown while Neos tried to render your page
Method "searchHitForNode" is not callable in untrusted context

Hope someone can help me, I couldn’t find a proper tutorial for a search implementation.