Configuring Autocomplete & Suggest
All Autocomplete settings are located in the System / Settings / Mirasvit Extensions / Search Autocomplete section.
It consists of the following sections:
General Configuration
This section is broken down into smaller subsections, and contains the following options:
- Minimum number of characters to search - specifies the minimum number of characters which customers need to enter to trigger autocomplete.
- The delay to start finding - specifies the delay between triggering autocomplete (by option above) and the beginning of the actual search.
Note
Our extension begins searching for possible autocompletion and offers suggestions only when both of the following conditions have been met:- the customer has entered the minimal required number of characters;
- no actions took place during the specified delay period.
Note
- This option is available for Elasticsearch engine only;
- This option increase indexing time of the search index.
Note
The grid contains the following settings:- Index - the name of the 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 the autocomplete drop-down widget.
You can drag and drop rows in this list to define the order in which results from different indices will be displayed in autocomplete drop-down.
Tip
Use the Right Arrow button to quickly turn auto-suggestion to full autocomplete query and save autocomplete time.Product Settings - defines the 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.
- Price Fetch Strategy - allows to choose a price fetch/display strategy for autocomplete results.
- Show Thumbnail - displays a small thumbnail of the product image.
- Show Rating - displays a number of reviews and approval rating (so-called star rating).
- Show Description - displays a short excerpt from product's description.
- Show SKU - displays the SKU of the product.
- Show "Add to cart" - displays a shortcut button for quick purchasing products.
- Show Stock Status - displays the product stock status.
- Appearance - contains only one field, which defines custom appearance of the autocomplete widget.
-
Search Autocomplete Layout - allows to select one of the following layouts :
- 1 Column - all indexes display in one column;
- 2 Columns - product index results and other results display in two different columns;
- Full Size - autocomplete results fit your screen size.
- Additional CSS Styles - custom CSS styles, which should be applied either to the entire drop-down, or to individual product cells. It is an extremely powerful tool which allows you to match 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.
Popular Suggestions
Popular suggestions are the most popular queries which have been requested by customers. If a current customer request includes such a query, autocomplete can highlight them and bring them to the top of the drop-down.
- Search queries - allows for overriding Popular Suggestions by adding special keywords (comma-separated), which should be counted as hot--this is particularly useful during promotional campaigns.
- Ignored words - allows for excluding certain keywords from Popular Suggestions. It is also a list of comma-separated words.
-
Max Number of queries - the maximum allowed number of Popular Suggestions which should be displayed on autocomplete drop-down.
Tip
Currently, Popular suggestions are the most searched Search Terms in your Magento. You can clear some of the search terms which then won't appear in the Popular suggestions 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.