Basic line layout
This demo shows the basic line layout which searches three different types: queries, categories and products.
<script>
function LBInitAutocomplete() {
AutoComplete({
Layout: 'line',
TrackerId: '179075-204259',
Locale: 'en',
Translations: {
en: {
types: {
item: {
name: "Products",
heroName: "Top product"
},
query: {
name: "Searches"
},
category: {
name: "Categories"
}
}
}
},
Types: [
{
type: 'product',
size: 4
},
{
type: 'query'
},
{
type: 'category',
size: 2
}
]
}, '#q')
}
</script>
<script src="https://cdn.luigisbox.com/autocomplete.js" async onload="LBInitAutocomplete()"></script>