...
| Info |
|---|
Configured Hawksearch results widget using the Vue template |
| Note |
|---|
This customization is available for versions x.xxxx.xx.33 and above of the connector. |
Components override
In order to customize the popular searches label you need to first add that component to the SearchSuggestions component. Here on line 14 we add the needed component.
...
After the component is in use we can now override it’s its template to display a custom label. Here on line 3, we add the custom label
| Code Block |
|---|
<script id="vue-hawksearch-popular-container" type="x-template">
<div v-if="suggestions && suggestions.Popular && suggestions.Popular.length">
<h3>Popular searches</h3>
<li v-for="popular in suggestions.Popular" :key="popular.Value" class="autosuggest-menu__item">
<div v-html="popular.Value"></div>
</li>
</div>
</script> |
...