How to change HTML & CSS of AI Search Widgets

[Pieter4]

Our company has a very specific design they'd like to see implemented for the AI Search. To meet these requirements, I have to change quite some HTML and CSS parts of both the "Typeahead search" and the "Faceted search" widgets. However, these widgets use lots of AngularJS Directives and I can't find the templates anywhere.

How can I access these? Or, are there any workarounds for front-end customization of the AI Search?

[S_ren Maucher]

If you open the "Typeahead search" Widget in the Widget Table (sp_widget) and scroll all the way to the bottom you can see the used Angular Templates. They are stored in a related list and are thus not copied when you clone the widget. You should be able to copy those and add them manually to the related list of your cloned widget.