The input search widget provides 2 different view types, allowing a user to search for a show or event and/or search for an appropriate performance.
This widget is deprecated. Please speak to your account manager about an alternative solution.
Embedding the Widget
- Ensure you've got a valid affiliate id.
- Create a new html page and add the following markup:
<!doctype html>
<html lang="en">
<head>
<title>Input search widget example</title>
</head>
<body>
<div
data-app="search-app"
class="search-widget"
data-view-name="input-search"
data-affiliate-id="masterdataelastic"
data-index-name="products"
data-css-mode="full"
></div>
<!-- js -->
<script type="text/javascript" src="https://search-service.tixuk.io/vLatest/js/search-app.js"></script>
</body>
</html>
Supported data attributes
In addition to the standard search data attributes, the following data attributes are used to customise the behaviour or 'look and feel' of the Input Search widget.
| Name | Mandatory | Type | Description |
|---|---|---|---|
| data-view-name | yes | string | Title of special widget's view user wants to insert. Represent widget type. There are several views: input-search search-results search-results-with-filters search-cta In case of this widget "Input-search" should be used. Example: data-view-name="input-search |
| data-quick-search-mode | No | Boolean | Adds "search" button to the form when "data-quick-search-mode" is true. Search executes when search button is clicked. Note: By default, search executes automatically when user typing in the form. |
| data-use-url | No | Boolean | Adds url navigation when user execute search event. User can save url in the bookmarks and later open page with specific results. Example: data-use-url="true" data-use-url="false" |
| data-with-enriched-results | No | String (bool) | If this attribute set in true the Algolia quick search is displayed in full view: Logo Product name Product type Venue name, venue city location Price Default value: false |