Example: Extending the results set

Steps to extend

1. Navigate to the directory of the currently active widget template (e.g. Mvc\Views\Hawksearch\Hawksearch.Default.cshtml or the relevant resource package).

2. Copy the file of the base template or select an existing one.

3. Edit the file adding or replacing the template override for the results component:

   <script id="vue-hawksearch-results" type="x-template"> <div class="hawk-results"> <search-results-label /> <banner zone="Top"></banner> <selections /> <template v-if="searchError"> <span>{{ $t('response_error_generic') }}</span> </template> <template v-else-if="searchOutput && searchOutput.Results && searchOutput.Results.length == 0"> <span>{{ $t('No Results') }}</span> </template> <template v-else-if="!waitingForInitialSearch"> <tabs></tabs> <div class="hawk-results__top-tool-row"> <tool-row /> </div> <result-listing /> <div class="hawk-results__bottom-tool-row"> <tool-row /> </div> </template> <banner zone="Bottom"></banner> </div> </script>

4. Include the file in the project.

5. Save, build and reload the site.