Disclaimer: This website requires Please enable JavaScript in your browser settings for the best experience.

Dev GuideAPI Reference
Dev GuideAPI ReferenceUser GuideLegal TermsGitHubDev CommunityOptimizely AcademySubmit a ticketLog In
Dev Guide

Autocomplete

Describes autocompletion of search terms in Optimizely Configured Commerce.

When searching for products on a website, entering a minimum of three characters into the search field will trigger the autocomplete functionality. As more characters are entered, the search results are refined to more accurately match the search query. The content displayed in the autocomplete preview consists of the following components:

  1. Categories

  2. Content

    • If a category name contains text that matches the search query, it will display in the Autocomplete window.
    • Search crawls the actual content of pages for any text that matches the search query, such as blogs or white papers.
  3. Product Details

    1. Product Image – located in the Admin Console > Catalog > Products > click Edit for a product > Content tab > Small Image Path.

      📘

      Note

      If a Product Image is not provided, the global default image appears in place of the product image.

    2. Product Title – located in the Admin Console > Catalog > Products > click Edit for a product > Details tab.

    3. Product Number – located in the Admin Console > Catalog > Products > click Edit for a product > Details tab.

    4. Manufacturer Number – located in the Admin Console > Catalog > Products > click Edit for a product > Details tab.

The Search Autocomplete feature is active by default and does not require the activation of any settings to function correctly.

Configure autocomplete

The autocomplete functionality within Configured Commerce can be configured to show search results pertaining to content on the page, product specific content, and category information. Each of these can be configured to show up to 10 results; the default is set to 5 2. Additionally, these settings can be set uniquely per website. Use the steps below to configure the settings.

Settings

Use the following steps to find the desired settings which are listed below.

  1. Go to Admin Console > Administration > System > Settings.
  2. In the search box, enter the Setting name and select it from the list.
  3. Update the Setting as necessary.

Enable Autocomplete

Setting NameValueDescription
AutocompleteOn/OffIf On, users will see the autocomplete drop-down as they type in the search box.

Categories

Any category that contains a product that matches the search query will display in the Autocomplete window.

Setting NameValueDescription
Show CategoriesOn/OffIf On, category autocomplete results will show up as the user starts typing in the search box.
Category LimitNumberThe maximum number of category autocomplete results that display. Maximum value: 10.

Content

Search crawls the actual content of pages for any text that matches the search query, such as blogs or white papers.

Setting NameValueDescription
Show Website PagesOn/OffIf On, CMS pages will show up as autocomplete results as the user is typing in the search box.
Website Pages LimitNumberThe maximum number of CMS page autocomplete results that display. Maximum value: 10; Default value is 2.

Product Details

Search Autocomplete will return and display any products that match the query terms.

Setting NameValueDescription
Show ProductsOn/OffIf On, product autocomplete results will show up as the user starts typing in the search box.
Product LimitNumberThe maximum number of product autocomplete results that display. Maximum value: 10

Location of the Search Autocomplete Product Metadata

  • Product Image – located in the Admin Console > Catalog > Products > click Edit for a product > Content tab > Small Image Path.
  • Product Title – located in the Admin Console > Catalog > Products > click Edit for a product > Details tab.
  • Product Number – located in the Admin Console > Catalog > Products > click Edit for a product > Details tab.
  • Manufacturer Number – located in the Admin Console > Catalog > Products > click Edit for a product > Details tab.