Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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

Expand
titleJSON Schema
Code Block
languagejson
[
  {
    "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:

View file
nameautocomplete.json