Auto Complete

Learn how to configure autocomplete functionality to display predictive search results as users' type. Manage display settings, product visibility, and layout for faster product discovery. 

Autocomplete Configuration 

Set up how product names, collections, and suggestions appear as users enter search queries. 

Autocomplete Display Settings 

Customize the number of items shown, enable or disable price visibility, and manage out-of-stock product display options. 

Query Suggestions 

Configure intelligent query prompts to guide users toward relevant search terms. 

Search Field Integration 

Adjust the CSS selector to correctly link the autocomplete to your store’s search input field. 

Result Customization 

Define which product details (vendor, description, SKU) appear in search previews to match your theme requirements.

• Related Articles

• Auto Complete Configuration

  What it is The central configuration area for the Autocomplete feature that determines which result types are shown (products, collections, pages, suggestions) and the overall behavior of the live suggestion dropdown as users' type. Why it matters ...

• Auto Complete Display Settings

  What it is Controls the visual and quantitative properties of the Autocomplete dropdown: number of items per panel, whether to show price, whether out-of-stock items are included, and basic layout constraints. Why it matters Display settings balance ...

• Results Display

  What it is Controls the visible arrangement and content of search results — number of products shown, grid layout, and which product attributes (price, SKU, Vendor) are visible. Why it matters Results presentation affects discoverability, perceived ...

• Display Preferences

  What it is Controls how products appear on collection pages — including number of items shown, column layout, and visible product attributes. Why it matters Optimizing display preferences improves usability, readability, and engagement. A ...