...
| Info |
|---|
Configured Hawksearch results widget using the Vue template Configuring 'Hawksearch results' Widget |
Steps of extending the
...
widget template
Open the results active widget template for editing. It is located in Mvc\Views\Hawksearch\Hawksearch.Default.cshtml. If a resource package is used, then edit the same path in the ResourcePackages folder. Make sure that this is the correct template.
Create a custom result item component following the steps from Create results widget
Make sure to include the proper markup (i.e. the target element) in the widget template.
Import the build JS resources that include the components initialization.
Code Block @Html.Script(Url.WidgetContent("assets/build/js/<build_file>.js"), "bottom", false)Clean up all other components markup that are not relevant to this widget.
Save, rebuild and refresh the page.
...