display textual and product suggestion as the user type his search
The Autocomplete layout is based on two main blocks:
the block containing the textual suggestions list which is done with the template autocomplete-text-list, of which the children are blocks of the template autocomplete-text
the block containing the product suggestions list which is done with the template autocomplete-product-list, of which the children are blocks of the template autocomplete-product
Used Layout Blocks
[
{
"status": null,
"uniqueKey": "autocomplete",
"aliases": null,
"widgets": [
"autocomplete"
],
"allWidgets": null,
"parametersJsonScheme": null,
"seoContent": {
"title": [
{
"language": "de",
"value": ""
},
{
"language": "fr",
"value": ""
}
],
"metaTags": [],
"h1": [
{
"language": "de",
"value": ""
},
{
"language": "fr",
"value": ""
}
],
"others": [
{
"name": "breadcrumbs",
"value": [
{
"language": "de",
"value": ""
},
{
"language": "fr",
"value": ""
}
]
}
]
},
"contexts": [],
"layoutModels": null,
"acts": [
{
"parameters": [
null
],
"chapter": {
"format": "CPOActChapter",
"contexts": [],
"subActs": null,
"journeyStepUniqueKeys": null,
"callToActions": null,
"renderings": [
{
"parameters": [
null
],
"rendering": {
"contexts": [],
"layoutModels": [],
"visualElements": [
{
"visualElementModelUniqueKey": "autocomplete_text_list",
"label": null,
"parameters": [
{
"name": "accessor",
"values": [
""
]
}
],
"visualElement": null,
"subRenderings": [
{
"parameters": [
null
],
"rendering": {
"contexts": [],
"layoutModels": [],
"visualElements": [
{
"visualElementModelUniqueKey": "autocomplete_text",
"label": null,
"parameters": [
{
"name": "accessor",
"values": [
""
]
}
],
"visualElement": null,
"subRenderings": [
{
"parameters": [
null
],
"rendering": {
"contexts": [],
"layoutModels": [],
"visualElements": [
{
"visualElementModelUniqueKey": "facet_list",
"label": null,
"parameters": [
{
"name": "accessor",
"values": [
""
]
}
],
"visualElement": null,
"subRenderings": [
{
"parameters": [
null
],
"rendering": {
"contexts": [],
"layoutModels": [],
"visualElements": [],
"parameters": null
}
}
]
},
{
"visualElementModelUniqueKey": "autocomplete_product_list",
"label": null,
"parameters": [
{
"name": "title",
"values": [
"{\"de\":\"\",\"fr\":\"\"}"
]
},
{
"name": "see_all_label",
"values": [
"{\"de\":\"\",\"fr\":\"\"}"
]
},
{
"name": "see_all_link",
"values": [
"{\"de\":\"\",\"fr\":\"\"}"
]
},
{
"name": "accessor",
"values": [
""
]
}
],
"visualElement": null,
"subRenderings": [
{
"parameters": [
null
],
"rendering": {
"contexts": [],
"layoutModels": [],
"visualElements": [
{
"visualElementModelUniqueKey": "autocomplete_product",
"label": null,
"parameters": [
{
"name": "accessor",
"values": [
""
]
}
],
"visualElement": null,
"subRenderings": [
{
"parameters": [
null
],
"rendering": {
"contexts": [],
"layoutModels": [],
"visualElements": [],
"parameters": null
}
}
]
}
],
"parameters": null
}
}
]
}
],
"parameters": null
}
}
]
}
],
"parameters": null
}
}
]
},
{
"visualElementModelUniqueKey": "autocomplete_product_list",
"label": null,
"parameters": [
{
"name": "title",
"values": [
"{\"de\":\"\",\"fr\":\"\"}"
]
},
{
"name": "see_all_label",
"values": [
"{\"de\":\"\",\"fr\":\"\"}"
]
},
{
"name": "see_all_link",
"values": [
"{\"de\":\"\",\"fr\":\"\"}"
]
},
{
"name": "accessor",
"values": [
""
]
}
],
"visualElement": null,
"subRenderings": [
{
"parameters": [
null
],
"rendering": {
"contexts": [],
"layoutModels": [],
"visualElements": [
{
"visualElementModelUniqueKey": "autocomplete_product",
"label": null,
"parameters": [
{
"name": "accessor",
"values": [
""
]
}
],
"visualElement": null,
"subRenderings": [
{
"parameters": [
null
],
"rendering": {
"contexts": [],
"layoutModels": [],
"visualElements": [],
"parameters": null
}
}
]
}
],
"parameters": null
}
}
]
}
],
"parameters": null
}
}
],
"parameters": null
}
}
],
"parameters": [],
"route": "narratives",
"reqParams": null,
"$fromServer": true,
"parentResource": null,
"restangularCollection": false,
"isSelected": true
}
]
Complete autocomplete:
Add Comment