Search X / Getting Started / Core HTML Tags

Core HTML Tags

There are two available html tags #sx-autocomplete and #sx-results. Paste these anywhere within your markup. Use one, or both. They will be the containers for our widgets.

#sx-autocomplete will render an autocomplete widget. #sx-results will automatically detect its page and render the appropriate faceted results for search, collection, blog or pages list.

You can add the #sx-results div in your liquid templates and the appropriate widget will render. We support:

  • Search Results templates/search.liquid
  • Collection Products List templates/collection.liquid
  • Blog Articles List templates/blog.liquid
  • Pages List templates/page.liquid


<div id="sx-autocomplete"></div>

<div id="sx-results"></div>