Search block

Good day @jinsley8,

So there’s two components. If you’re using the Instantsearch integration, we have a searchbox in place in the templates for that already.

Example lines from our template:

• https://github.com/WebDevStudios/wp-search-with-algolia/blob/main/templates/instantsearch.php#L109-L116
• https://github.com/WebDevStudios/wp-search-with-algolia/blob/main/templates/instantsearch.php#L19
• Widget docs: https://www.algolia.com/doc/api-reference/widgets/search-box/js/

For the Autocomplete integration, we still presently ship with Autocomplete version 0.38.x which we are able to automatically bind to majority of any theme’s built in search field. We’re able to attach by way of the <input name="s" /> input types which tie in to WordPress’ search system with that name attribute.

One of the reasons why we have yet to attempt upgrading Autocomplete to version 1.x yet, is because we lose that automatic binding ability. This is because with the newer Autocomplete, their code expects to just be provided a <div id="autocomplete"></div> container and they handle the rest of the binding for the Autocomplete integration.

If you’re hoping for/looking for a Full Site Editor solution, as opposed to a more classic theme that everything above applies to, I know we have this github ticket open https://github.com/WebDevStudios/wp-search-with-algolia/issues/216

I did some testing at the time and came up with what I have posted at https://ww.wp.xz.cn/support/topic/customize-instantsearch-php-with-fse-theme/#post-17319232