Skip to end of banner
Go to start of banner

WPO Search

Skip to end of metadata
Go to start of metadata

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:

  1. Normal search results (with or without auto-correction)

  2. Sub-phrases results (with several groups of results each matching a sub-part of the search query)

  3. No results (with a block of personalized recommendations to avoid showing a fully empty page)

Used Layout Blocks

 JSON Schema
[
  {
    "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

 JSON Schema
[
  {
    "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