Note: This feature has been released as a default setting for all Bootstrap templates. If you are using the Classic Theme, please email us at firstname.lastname@example.org to request this free installation.
To customize the auto-suggest on your website please follow these steps:
- Login to your ADMIN
- Go to DEVELOPERS >> AUTOSUGGEST SETTINGS
- Click on "CREATE NEW AUTO-SUGGEST RULE
In this short GIF, you are able to see that the current class is member_search. If we use this same variable in our auto-suggest rule, the new rules will instantly take effect anywhere that class is being used.
Use a Class or ID: It is always recommend to select "Class".
Enable Auto-Suggest After How Many Characters: This is the number of characters a website visitor needs to enter before the auto-suggest starts to show options.
Maximum Auto-Suggest Limit: The total number allowed to be shown. If there area total of 25 possible results, but your limit is 10, only ten results will show, respected the order that you set in the "Select the features you would like to be searched in your autosuggest rule" section.
Auto-Suggest Rule Settings
Enable Listings: This decides whether or not listings will appear in the auto-suggest. The same setting is available for all features and categories as well.
Limit: The amount of listings that will display so long as the max limit has not already been reached.
Photo: This allows you to decide whether or not a photo will display in the auto-suggest. We suggest turning this on for Listings and all features.
Link: Turning this on will automatically take the visitor to the next page. Turning this off will auto-fill the box with that entry, but still allow the visitor to add a location. We suggest setting categories to "no" and the rest "yes".
Show Header: The "Header" is the main title for that section. The following image shows three features that have "Show Header" as "Yes".
Location: If "Yes" is selected, the location for that member or data post will show in the auto-suggest. In the image above, "Listings" have this set to "yes".
Details: This will add a second line of information in the auto-suggest. The details vary on the item selected:
- Listing Details = The top-level category
- Sub-Categories Details = The top-level category. If it is a sub-sub, it will show the parent category (sub-level)
- All Feature Details = They will show the name of the Feature. Some customers prefer to use this instead of the "Show Header" option.