v1.2.10

Configuring Autocomplete & Suggest

All Autocomplete settings are located at System / Settings / Mirasvit Extensions / Search Autocomplete section.

It consists of the following sections:

General Configuration

This section also breaks into lesser subsections, and contains the following options:

  • Minimum number of characters to search - specifies the minimum amount of characters, which customer should enter to trigger autocomplete.
  • The delay to start finding - specifies delay between triggering autocomplete. (by option above) and beginning of actual search.

    Note

    Our extension actually begins to search for possible autocompletions and suggestions only when both conditions match:
    • customer had entered minimal required number of characters;
    • there were no actions during specified delay period.
  • Fast Mode - Option allows to increase search speed due to the excluding Magento 2 from the autocomplete search at the initialization stage.

    Note

    • This option is available for Sphinx search and Elastic engines only;
    • The disadvantages include the increased indexing time of the search index, and the lack of some search capabilities, such as wildcard exceptions, individual search weight, Popular suggestions, Products in categories, number of found search results etc.
  • Searchable content - list of search indexes, where search is performed, and results displayed as autocomplete options. Indices are either taken from standard Magento, or if the extension is installed as part of Magento 2 Elasticsearch Extension or Sphinx Extension - from corresponding Indexes grid.

    Note

    The grid contains next settings:
    • Index - name of index, which can be included to autocomplete.
    • Is Enabled - includes current index to autocomplete
    • Max Number of results - the maximum number of results, which should be displayed in autocomplete drop-down widget.
    • Popular suggestions - based on the default Magento Search Terms. You can control it or modify at Marketing > SEO & Search > Search Terms.
    • Products in categories - is not a Category Index, Products in categories is taken from product results: the more matches the search query with products are found in the category, the higher the category will be in the list. Unfortunately, there is no option to control or modify it.
      You can drag and drop rows in this list to define order, in which results from different indices will be displayed in autocomplete drop-down.
  • Enable TypeAhead - enables auto-suggestion feature. Our extension collects information about most popular search queries and their results, groups them and stores separately. When autocomplete is triggered and TypeAhead option enabled, our application automatically searches for typed term and displays suggestion of found most relevant query.

    Tip

    Use Right Arrow button to quickly turn auto-suggestion to full autocomplete query and save autocomplete time.
  • Product Settings - defines content and appearance of autocomplete individual product information cells.
    • Show Price - displays price or price range of products. Will show only final_price of the product if Fast mode is enabled.
    • Show Thumbnail - displays small thumbnail of product image.
    • Show Rating - displays number of reviews and approval rating (so-called star rating).
    • Show Description - displays short excerpt from product's description.
    • Show SKU - displays SKU of the product.
    • Show "Add to cart" - displays shortcut button for quick purchasing products.
    • Optimize the autocomplete view for small screen size - allows optimization of autocomplete layout to small screen sizes. Note: may require additional style fixing at Appearance section.
    • Appearance - contains only one field, which defines custom appearance of autocomplete widget.
    • Additional CSS Styles - custom CSS styles, that should be applied either to entire drop-down, or to individual product cells. It is extremely powerful tool, which allows you to fit our Autocomplete extension to almost any theme.

      Example

      To customize individual product cell in autocomplete drop-down, use the following expression: 
      .searchautocomplete__item-magento_catalog_product
{
    // Your extended styles
}

      It will be added to our stylesheet.

    • Hot Searches

    Hot searches are the most popular queries, which were requested by customers. If current customer request includes such a query, autocomplete can highlight them and put to the top of drop-down.

    • Search queries - allows to override Hot Searches by adding here special keywords (comma-separated), that should be counted as hot. It is very useful during promotional campaigns.
    • Ignored words - allows to exclude from Hot Searches certain keywords. It is also a list of comma-separated words.

    • Max Number of queries - the maximum allowed number of Hot Searches, which should be displayed on autocomplete drop-down.

      Tip

      Currently, Hot searches are the most searched Search Terms in your Magento. You can clear some of the search terms and it won't appear in Hot searches option: go to Marketing > SEO & Search > Search Terms, find the necessary term and delete it, otherwise, you will need to delete them in the database.