- Created by Federicco Grasso (Unlicensed), last modified on Jan 14, 2021
You are viewing an old version of this page. View the current version.
Compare with Current View Page History
« Previous Version 3 Current »
display the search results
Layout
Conditional Layout narrative:
Normal search results (with or without auto-correction)
Sub-phrases results (with several groups of results each matching a sub-part of the search query)
No results (with a block of personalized recommendations to avoid showing a fully empty page)
Used Layout Blocks
[ { "status": null, "uniqueKey": "search", "aliases": null, "widgets": [ "search" ], "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": "CPOActBranching", "contexts": [ { "choiceIds": [], "journeySteps": [], "variantIds": [], "excludedUseCaseIds": [], "languages": [], "queryTexts": [], "emptyQuery": null, "fromIndex": null, "toIndex": null, "contextItems": [], "contextParameters": [], "orContextParameters": null, "checkOtherContextParametersNotSetExclusive": null, "checkOtherContextParametersNotSetList": [], "filters": [], "orFilters": null, "checkOtherFiltersNotSetExclusive": null, "checkOtherFiltersNotSetList": [], "segmentationUniqueKeys": [], "scriptConditions": [ { "expression": "{{template-some_results}}", "operator": "", "values": [], "orCondition": false } ], "orScriptConditions": false } ], "subActs": [ { "parameters": [ null ], "act": { "format": "CPOActChapter", "contexts": [], "subActs": [], "journeyStepUniqueKeys": null, "callToActions": null, "renderings": [ { "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": "search_title", "label": null, "parameters": [ { "name": "title", "values": [ "{\"de\":\"Suchergebnisse für '$.requests[0].searchQuery^'\",\"fr\":\"Résultats de recherche pour '$.requests[0].searchQuery^'\"}" ] }, { "name": "bx_alternate_title", "values": [ "{\"de\":\"Korrigierte suchergebnisse für '$.responses[0].correctedSearchQuery^' statt '$.requests[0].searchQuery^'\",\"fr\":\"Résultats de recherche corrigés pour '$.responses[0].correctedSearchQuery^' au lieu de '$.requests[0].searchQuery^'\"}" ] }, { "name": "accessor", "values": [ "" ] } ], "visualElement": null, "subRenderings": [ { "parameters": [ null ], "rendering": { "contexts": [], "layoutModels": [], "visualElements": [], "parameters": null } } ] }, { "visualElementModelUniqueKey": "product_list_bar", "label": null, "parameters": [ { "name": "accessor", "values": [ "" ] } ], "visualElement": null, "subRenderings": [ { "parameters": [ null ], "rendering": { "contexts": [], "layoutModels": [], "visualElements": [ { "visualElementModelUniqueKey": "pagination", "label": null, "parameters": [ { "name": "accessor", "values": [ "" ] } ], "visualElement": null, "subRenderings": [ { "parameters": [ null ], "rendering": { "contexts": [], "layoutModels": [], "visualElements": [], "parameters": null } } ] } ], "parameters": null } } ] }, { "visualElementModelUniqueKey": "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": "product", "label": null, "parameters": [ { "name": "accessor", "values": [ "" ] } ], "visualElement": null, "subRenderings": [ { "parameters": [ null ], "rendering": { "contexts": [], "layoutModels": [], "visualElements": [], "parameters": null } } ] } ], "parameters": null } } ] }, { "visualElementModelUniqueKey": "pagination", "label": null, "parameters": [ { "name": "accessor", "values": [ "" ] } ], "visualElement": null, "subRenderings": [ { "parameters": [ null ], "rendering": { "contexts": [], "layoutModels": [], "visualElements": [], "parameters": null } } ] } ], "parameters": null } } ], "parameters": null } }, { "parameters": null, "act": { "format": "CPOActBranching", "contexts": [ { "choiceIds": [], "journeySteps": [], "variantIds": [], "excludedUseCaseIds": [], "languages": [], "queryTexts": [], "emptyQuery": null, "fromIndex": null, "toIndex": null, "contextItems": [], "contextParameters": [], "orContextParameters": null, "checkOtherContextParametersNotSetExclusive": null, "checkOtherContextParametersNotSetList": [], "filters": [], "orFilters": null, "checkOtherFiltersNotSetExclusive": null, "checkOtherFiltersNotSetList": [], "segmentationUniqueKeys": [], "scriptConditions": [ { "expression": "{{template-sub_phrases}}", "operator": "", "values": [], "orCondition": false } ], "orScriptConditions": false } ], "subActs": [ { "parameters": [ null ], "act": { "format": "CPOActChapter", "contexts": [], "subActs": [], "journeyStepUniqueKeys": null, "callToActions": null, "renderings": [ { "parameters": [ null ], "rendering": { "contexts": [], "layoutModels": [], "visualElements": [ { "visualElementModelUniqueKey": "title", "label": "Subphrases title", "parameters": [ { "name": "title", "values": [ "{\"de\":\"Keine Ergebnisse für alle Ihre Such Wörter für '$.requests[0].searchQuery^', aber hier sind Teil Ergebnisse\",\"fr\":\"Aucun résultat pour tous les mots de '$.requests[0].searchQuery^', mais voici des résutlats partiels\"}" ] } ], "visualElement": null, "subRenderings": [ { "parameters": [ null ], "rendering": { "contexts": [], "layoutModels": [], "visualElements": [], "parameters": null } } ] }, { "visualElementModelUniqueKey": "product_list", "label": "SUpphrases products", "parameters": [ { "name": "title", "values": [ "{\"de\":\"{{sub-phrases-queryText}}\",\"fr\":\"{{sub-phrases-queryText}}\"}" ] }, { "name": "see_all_label", "values": [ "{\"de\":\"sehe alle\",\"fr\":\"voir tous\"}" ] }, { "name": "see_all_link", "values": [ "{\"de\":\"?q={{sub-phrases-queryText}}\",\"fr\":\"?q={{sub-phrases-queryText}}\"}" ] }, { "name": "accessor", "values": [ "sub-phrases-{{#iterate-sub-phrases-queryText}}{{iterate-sub-phrases-queryText}}{{/iterate-sub-phrases-queryText}}" ] } ], "visualElement": null, "subRenderings": [ { "parameters": [ null ], "rendering": { "contexts": [], "layoutModels": [], "visualElements": [ { "visualElementModelUniqueKey": "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": null, "act": { "format": "CPOActChapter", "contexts": [], "subActs": [], "journeyStepUniqueKeys": null, "callToActions": null, "renderings": [ { "parameters": [ null ], "rendering": { "contexts": [], "layoutModels": [], "visualElements": [ { "visualElementModelUniqueKey": "title_subtitle_html", "label": "No results strategy", "parameters": [ { "name": "title", "values": [ "{\"de\":\"Deine Suche nach '$.requests[0].searchQuery^' ergab leider keine Treffer\",\"fr\":\"\"}" ] }, { "name": "subtitle", "values": [ "{\"de\":\"Vielleicht versuchst du es mit einem anderen Suchbegriff?\",\"fr\":\"\"}" ] }, { "name": "html", "values": [ "{\"de\":\"<h3>\\n\\tTipps für deine Suche:\\n</h3>\\n<ul>\\n\\t<li>\\n\\t\\tÜberprüfe den Suchbegriff auf Schreibfehler.\\n\\t</li>\\n\\t<li>\\n\\t\\tVersuche es mit einem anderen Suchbegriff\\n\\t</li>\\n\\t<li>\\n\\t\\tFalls bekannt, verwende die EAN oder Artikelnummer\\n\\t</li>\\n</ul>\",\"fr\":\"\"}" ] }, { "name": "accessor", "values": [ "noresults" ] } ], "visualElement": null, "subRenderings": [ { "parameters": [ null ], "rendering": { "contexts": [], "layoutModels": [], "visualElements": [], "parameters": null } } ] } ], "parameters": null } } ], "parameters": null } } ], "indexesTrue": [ 0 ], "indexesFalse": [ 1 ] } } ], "indexesTrue": [ 0 ], "indexesFalse": [ 1 ] } } ], "parameters": [], "route": "narratives", "reqParams": null, "$fromServer": true, "parentResource": null, "restangularCollection": false, "isSelected": true } ]
Complete search:
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:
- No labels
Add Comment