@recomnext/global-search

Header typeahead search dropdown (GlobalSearch). Supports search v1 and v2 via searchVersion.

npm install @recomnext/global-search
# dev channel: npm install @recomnext/global-search@dev

Script tag

<div
  data-recomnext-global-search
  data-base-url="https://api.example.com"
  data-tenant-id="your-tenant"
  data-public-token="rnx_pub_..."
  data-search-version="v2"
  data-shop-url="/search?q={query}"
  data-item-url="/products/{itemId}"
></div>
<script src="https://unpkg.com/@recomnext/global-search/dist/recomnext-global-search.js"></script>

API

new RecomnextGlobalSearchWidget.RecomnextGlobalSearch({
  baseUrl, tenantId, publicToken,
  searchVersion: 'v1' | 'v2',
  resultCount: 6,
  shopUrl: '/search?q={query}',
  itemUrl: '/products/{itemId}',
  onViewAll: (query) => {},
  onItemClick: (item) => {},
  enableHotkey: true,
});