text: (window.webpackJsonp=window.webpackJsonp||[]).push([[1275],{1751:function(e,t,s){"use strict";s.r(t);var o=s(4),r=Object(o.a)({},(function(){var e=this,t=e.$createElement,s=e._self._c||t;return s("ContentSlotsDistributor",{attrs:{"slot-key":e.$parent.slotKey}},[s("h1",{attrs:{id:"query-suggestions-ui"}},[s("a",{staticClass:"edoc-header-anchor",attrs:{href:"#query-suggestions-ui"}},[s("div",{staticClass:"edoc-anchor-icon",staticStyle:{content:"url(/assets/icons/anchor-link.svg)"}})]),e._v(" Query Suggestions UI")]),e._v(" "),s("p",[e._v("The Query Suggestions UI component helps your shoppers with hints of what to look for to get relevant results. They complete and nail down the query as shoppers type without needing to keep typing.")]),e._v(" "),s("p",[s("img",{attrs:{src:"/assets/media/xcomponents_func_querysuggestions.gif",alt:"Query Suggestions"}})]),e._v(" "),s("div",{staticClass:"custom-block warning"},[s("p",{staticClass:"custom-block-title"},[e._v("warning")]),e._v(" "),s("p",[e._v("Query Suggestions are generated using collective shopper behavior, extracting the keywords used on a specific query. For a correct performance, make sure that your current search service supports this type of feature.")])]),e._v(" "),s("div",{staticClass:"custom-block interact"},[s("p",{staticClass:"custom-block-title"},[e._v("interact")]),e._v(" "),s("p",[e._v("Can't quite capture the concept? Learn more about "),s("RouterLink",{attrs:{to:"/explore-empathy-platform/features/query-suggestions-overview.html"}},[e._v("Query Suggestions")]),e._v(".")],1)]),e._v(" "),s("h2",{attrs:{id:"tailor-the-web-experience"}},[s("a",{staticClass:"edoc-header-anchor",attrs:{href:"#tailor-the-web-experience"}},[s("div",{staticClass:"edoc-anchor-icon",staticStyle:{content:"url(/assets/icons/anchor-link.svg)"}})]),e._v(" Tailor the web experience")]),e._v(" "),s("ul",[s("li",[e._v("Configure the position and place it wherever you prefer. Combine it with the "),s("RouterLink",{attrs:{to:"/explore-empathy-platform/experience-search-&-discovery/empathize.html"}},[e._v("Empathize")]),e._v(" container to display suggestions below the search bar on shopper interaction.")],1),e._v(" "),s("li",[e._v("Show as many suggestions as you want.")]),e._v(" "),s("li",[e._v("Animate the display of Query Suggestions at your ease.")]),e._v(" "),s("li",[e._v("Customize content. Show whatever you need: text, images, icons.")])]),e._v(" "),s("div",{staticClass:"custom-block interact"},[s("p",{staticClass:"custom-block-title"},[e._v("interact")]),e._v(" "),s("p",[e._v("Want to know more? Learn how to "),s("RouterLink",{attrs:{to:"/develop-empathy-platform/ui-reference/"}},[e._v("configure")]),e._v(" your web experience.")],1)])])}),[],!1,null,null,null);t.default=r.exports}}]);