4min

Configuration

﻿
The use of klevu.interactive is to prevent activation of the search functionality until all relevant resources have been loaded.
Options
Specific configuration values used by Klevu are kept as a snippet of code which looks something like the following:
  klevu.interactive(function () {
    var options = {
       url : {
         search: 'https://eucs3v2.ksearchnet.com/cs/v2/search',
         landing: '/search-results',
         queryParam: 'q'
       },
       search: {
         apiKey: 'klevu-123XXXXXXXXXXXXXX',
         searchBoxSelector: 'input#klevu-search'
       }
       analytics: {
         apiKey: 'klevu-123XXXXXXXXXXXXXX'
       }
    };
    klevu(options);
  });

Or some options can be set outside of the klevu.interactive function directly into the klevu object.
klevu({
    global: { 
        apiKey: "klevu-123XXXXXXXXXXXXXX" 
    },
    powerUp: {
        landing: false
    }
});
﻿
Settings available within options object
Array name
Field Name
Description
Default value
powerUp
quick
QuickSearch Module
true
powerUp
landing
Landing Page Module
true
powerUp
catnav
Category Page Module
true
powerUp
recsModule
Recommendations Module
true
url
search
Klevu APIv2 Cloud Search URL endpoint 
﻿REQUIRED﻿
url
landing
The URL of the Search Results Landing Page (SRLP)
/search-results
url
queryParam
The query parameter appended to the SRLP URL
q
search
apiKey
Klevu JS Api Key which will be used for search requests
﻿REQUIRED﻿
search
 searchBoxSelector
The id, class, or handle used to bind the search input field
﻿REQUIRED﻿
search
searchBoxTarget
Define a target for the results generation
false
search
showQuickOnEnter
Disable the enter/return key in the quick search
false
search
fullPageLayoutEnabled
Avoid focusout event
false
search
minChars
Number of typed characters required
3
search
placeholder
Placeholder text of the search box
""
search
personalisation
Control of personalisation
false
search
redirects
Redirects for specific search term
"term": "https://full-url.com"
﻿
recs
apiKey
Klevu JS Api Key used for Smart Recommendations
﻿﻿﻿
analytics
apiKey
Klevu JS Api Key used for general analytics reporting
﻿REQUIRED﻿
global
apiKey
Klevu JS Api Key used for all components
OPTIONAL
theme
quicksearch:
loadDefaultStyles
Stop Klevu Quicksearch template styles from loading
true
theme
landing:
loadDefaultStyles
Stop Klevu SRLP template styles from loading
true
theme
catnav:
loadDefaultStyles
Stop Klevu Category template styles from loading
true
theme:
modules:
resultInfiniteScroll
quickSearch:
enable
Set "true" to enable Infinite Scroll
﻿
theme:
modules:
resultInfiniteScroll
searchResultsPage:
enable
Set "true" to enable Infinite Scroll
﻿
theme:
modules:
resultInfiniteScroll
categoryPage:
enable
Set "true" to enable Infinite Scroll
﻿

Updated 21 Sep 2022

Did this page help you?

Yes

UP NEXT

JS Library

Docs powered by archbee

Updated 21 Sep 2022

Did this page help you?

Yes

UP NEXT

JS Library

Docs powered by archbee

TABLE OF CONTENTS

Options

Array name	Field Name	Description	Default value
powerUp	quick	QuickSearch Module	true
powerUp	landing	Landing Page Module	true
powerUp	catnav	Category Page Module	true
powerUp	recsModule	Recommendations Module	true
url	search	Klevu APIv2 Cloud Search URL endpoint	REQUIRED
url	landing	The URL of the Search Results Landing Page (SRLP)	/search-results
url	queryParam	The query parameter appended to the SRLP URL	q
search	apiKey	Klevu JS Api Key which will be used for search requests	REQUIRED
search	searchBoxSelector	The id, class, or handle used to bind the search input field	REQUIRED
search	searchBoxTarget	Define a target for the results generation	false
search	showQuickOnEnter	Disable the enter/return key in the quick search	false
search	fullPageLayoutEnabled	Avoid focusout event	false
search	minChars	Number of typed characters required	3
search	placeholder	Placeholder text of the search box	""
search	personalisation	Control of personalisation	false
search	redirects	Redirects for specific search term "term": "https://full-url.com"
recs	apiKey	Klevu JS Api Key used for Smart Recommendations
analytics	apiKey	Klevu JS Api Key used for general analytics reporting	REQUIRED
global	apiKey	Klevu JS Api Key used for all components	OPTIONAL
theme	quicksearch: loadDefaultStyles	Stop Klevu Quicksearch template styles from loading	true
theme	landing: loadDefaultStyles	Stop Klevu SRLP template styles from loading	true
theme	catnav: loadDefaultStyles	Stop Klevu Category template styles from loading	true
theme: modules: resultInfiniteScroll	quickSearch: enable	Set "true" to enable Infinite Scroll
theme: modules: resultInfiniteScroll	searchResultsPage: enable	Set "true" to enable Infinite Scroll
theme: modules: resultInfiniteScroll	categoryPage: enable	Set "true" to enable Infinite Scroll