Q&A
Question:
Synonyms — How Do They Work?
Answer:
You can add a list of synonyms to the control panel on the project editing page.
Words and their synonyms are divided by commas, and the synonyms themselves are divided into new lines.
Example:
Synonym Creation Rules
Acceptable synonym constructions:
‘one word,many words’ example:
Word order matters
There is a one-way link between synonyms.
For example:
In this case, when you search for a saw, the result will include chainsaws.
However, if you search for a chainsaw, you will get nothing but chainsaws.
To display all saws as a result of a ‘chainsaw’ query, you have to add a new link:
The letter case doesn't matter.
Words and their synonyms are divided by commas, and the synonyms themselves are divided into new lines.
Example:
- phone,smartphone
- phone,mobile phone
- phone,mobile
Synonym Creation Rules
Acceptable synonym constructions:
- One word,one word
- One word,many words
- ‘one word,one word’ example:
- phone,smartphone
‘one word,many words’ example:
- smartphone,mobile phone
Word order matters
There is a one-way link between synonyms.
For example:
- Saw,chainsaw
In this case, when you search for a saw, the result will include chainsaws.
However, if you search for a chainsaw, you will get nothing but chainsaws.
To display all saws as a result of a ‘chainsaw’ query, you have to add a new link:
- chainsaw,saw
The letter case doesn't matter.
Question:
Can I change the appearance for the search result?
Answer:
There are Vue.JS templates created at the product page display level.
You can create your own template at each category level and override CSS styles.
You can create your own template at each category level and override CSS styles.
Question:
What is the response speed?
Answer:
On average, it takes less than 100 ms to respond to a request.
Question:
How can I insert the code?
Answer:
There are several ways to insert the code:
directly into the HTML code of the page, or via Google Tag Manager.
directly into the HTML code of the page, or via Google Tag Manager.
Question:
What products does the search module show?
Answer:
Search results include all products transferred using the YML feed that you specified in project settings in the control panel.
Question:
How can I change the style of a search module, for instance, link colors and fonts?
Answer:
CSS customization
.l-ss-c-search-input {
border: 1px dashed #000;
}
</style>
will be copied inside the elements
l-ss-c-host-wrapper-is-[type] -> l-ss-c-host-wrapper-is-search-input
l-ss-c-is-mobile - detected mobile device
l-ss-c-is-phone-only-small
l-ss-c-is-phone-only-small - screen size >= 100px
l-ss-c-is-phone-only - screen size >= 599px
l-ss-c-is-tablet-portrait-up - screen size >= 600px
l-ss-c-is-tablet-landscape-up - screen size >= 900px
l-ss-c-is-desktop-up - screen size >= 1200px
l-ss-c-is-big-desktop-up - screen size >= 1800px
l-ss-c-host-wrapper-is-ready
l-ss-c-is-not-responsive - no meta tag
l-ss-c-is-mobile - detected mobile device
l-ss-c-is-phone-only-small - screen size >= 100px
l-ss-c-is-phone-only - screen size >= 599px
l-ss-c-is-tablet-portrait-up - screen size >= 600px
l-ss-c-is-tablet-landscape-up - screen size >= 900px
l-ss-c-is-desktop-up - screen size >= 1200px
l-ss-c-is-big-desktop-up - screen size >= 1800px
- all classes start with l-ss-c-*
- all page styles are described as
.l-ss-c-search-input {
border: 1px dashed #000;
}
</style>
will be copied inside the elements
- all wrappers host elements have classes
l-ss-c-host-wrapper-is-[type] -> l-ss-c-host-wrapper-is-search-input
l-ss-c-is-mobile - detected mobile device
l-ss-c-is-phone-only-small
l-ss-c-is-phone-only-small - screen size >= 100px
l-ss-c-is-phone-only - screen size >= 599px
l-ss-c-is-tablet-portrait-up - screen size >= 600px
l-ss-c-is-tablet-landscape-up - screen size >= 900px
l-ss-c-is-desktop-up - screen size >= 1200px
l-ss-c-is-big-desktop-up - screen size >= 1800px
l-ss-c-host-wrapper-is-ready
- all root elements within an element caste can have classes
l-ss-c-is-not-responsive - no meta tag
l-ss-c-is-mobile - detected mobile device
l-ss-c-is-phone-only-small - screen size >= 100px
l-ss-c-is-phone-only - screen size >= 599px
l-ss-c-is-tablet-portrait-up - screen size >= 600px
l-ss-c-is-tablet-landscape-up - screen size >= 900px
l-ss-c-is-desktop-up - screen size >= 1200px
l-ss-c-is-big-desktop-up - screen size >= 1800px
Sample code for installation on the site
The code can be put via Google Tag Manager into any HTML that you want.
<div>
<div id="search-node" class="input-lg"></div>
</div>
<script>
(function (e, t, n, o, c) {
e[c] = e[c] || function () {
(e[c].a = e[c].a || []).push(arguments);
}, e[c].h = o, e[c].n = c, e[c].i = 1 * new Date, s = t.createElement(n), a = t.getElementsByTagName(n)[0], s.async = 1, s.src = o, a.parentNode.insertBefore(s, a);
})(window, document, 'script', 'https://cdn.searchbooster.io/v1/init.js', 'searchbooster');
searchbooster({
theme: 'base',
apiUrl: '//api2.searchbooster.io',
popup: {
search: true
},
apiKey: 'QWERTY-QWERTY-000-000-qwerty123456', #unique service activation key
initialized: function(SearchBooster) {
SearchBooster.CombinedSearchInput.mount('#search-node'); #search-node serach element on your site
},
});
</script>
<div id="search-node" class="input-lg"></div> #div on your site, which is a search field PRODUCT
Documentation
- For investors
- For developers
- API documentation
- License agreement
SUBSCRIBE TO NEWSLETTER
Tel: +7 (499) 653-84-54
E-mail: hello@searchbooster.io
© 2020 SearchBooster.io
E-mail: hello@searchbooster.io
© 2020 SearchBooster.io