Attributes
By specifying attributes for the type, you can customize the tile appearance. In this example, the product tile is set up to display a brand.
<script>
function LBInitAutocomplete() {
AutoComplete({
Layout: 'heromobile',
TrackerId: '179075-204259',
Locale: 'en',
Translations: {
en: {
types: {
item: {
name: "Products",
heroName: "Top product"
},
query: {
name: "Searches"
},
category: {
name: "Categories"
}
}
}
},
Types: [
{
type: 'product',
size: 7,
attributes: ["brand"]
},
{
type: 'query'
},
{
type: 'category'
}
]
}, '#q')
}
</script>
<script src="https://cdn.luigisbox.com/autocomplete.js" async onload="LBInitAutocomplete()"></script>