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.
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.
On average, it takes less than 100 ms to respond to a request.
There are several ways to insert the code:
directly into the HTML code of the page, or via Google Tag Manager.
Search results include all products transferred using the YML feed that you specified in project settings in the control panel.
CSS customization
<style class=”l-ss-styles”>
.l-ss-c-search-input {
border: 1px dashed #000;
}
</style>
will be copied inside the elements
l-ss-c-host-wrapper
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-[name], ex. l-ss-c-search-popup
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
<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