Opencart Advanced search module has been designed to provide users with easy to use search box that helps to search their desired product in the store. The advanced search uses simple and complex searching methods. In simple searching the search is based upon the name of the product while in complex searching the searching of product will be based on the parameters that you are setting. You will be able able to see the top results, popular search results and all search results.
Features
- Easy to use search box for Advanced Searching.
- Specify the type of search method to use- Simple or Complex.
- Show the price, images and description of products in search results.
- Rearrange the parameters in the sequence you want to put for searching in simple method.
- Rearrange the approaches in the sequence you want to put for searching in complex method.
- Select the the different available approaches(search from start, search in middle, etc.) for the allowed parameters(Product name, Product Model, Product Description, etc.).
Installation Of opencart Advanced Search
Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has – admin, catalog & ocmod folders. You need to transfer the admin & catalog folders into the Opencart root directory on the server as shown below.
After this you will navigate to Extensions-> Extension Installer and upload the file wk_search.ocmod.xml which you will find inside the ocmod folder.
Now navigate to Extensions->Modifications and click refresh on the top right hand side as shown below.
Now go to Extension->Modules->Advanced Search and click on the install button to install the module.
Configuration of the Module By Admin
After installation of the Module navigate through Extensions->Modules->Advanced Search and click on the edit button to bring up the settings for Advanced search , here the admin will enable the module as shown below.
There are two searching methods that can be used – Simple Search Method & Complex Search Method.
In this search method, you don’t need to configure anything in this tab or the “Manage Performance” tab. The searching will be based only on product’s name. You can save the settings after selecting the simple search method.
In this search method, you have to configure this tab as well as the “Manage Performance” tab and the searching of product will be based on the parameters you are setting as shown below.
In this section you need to rearrange the approaches( Search from Start, Search in Middle, Missed Characters, etc.) that are to be performed to the corresponding parameters(Product Name, Product Model, Product Description, etc.) for the product search. You can set the sequence of the approaches in the sequence you want to put searching as shown below.
Here admin will manage the search box appearance and other settings, lets go through all the settings available –
Here you have to specify the placeholder being used in the search box, that is the text that will be visible inside the box like “Search here in this box”.
If no results are found for the searched item then text to display is set here. e.g. No results found!!
You have to specify the text label for Top Results Text that will be displayed upon searching. e.g. Top Search Results.
You will have to set the label for All Search Results Text , clicking on which shows the complete list of products meeting the search criteria.
You will specify the text label for the Popular products text, that will be displayed on it.
Here you can specify the maximum height in pixels of the search panel containing the results.
Specify the delay time (in seconds) after which the results will be shown in the search panel.
You will specify the Border Color of the search panel containing results.
Specify the Product Name Text Color in the search panel containing results.
Specify the Product Name Text Color in the search panel containing results.
Specify the Product Description Text Color in the search panel containing results.
Specify the Product’s Description Font Styling in the search panel containing results.
Specify whether you want price box to be visible or not.
Specify the Price Text Color in the search panel containing results.
Specify the Price’s Font Styling in the search panel containing results.
Specify the No Results Text Color in the search panel containing results.
Specify the Top Results Text Color in the search panel containing results.
Specify the “Top Result’s” Font Styling in the search panel containing results.
Specify the All Results Text Color in the search panel containing results.
Specify the “All Results” Font Styling in the search panel containing results.
Specify the Popular Products Text Color in the search panel containing results.
Specify the Popular Product’s Font Styling in the search panel containing results.
Specify the Border Style of the search panel containing results.
Specify whether you want shadow to be visible or not on mouse hover on a result.
Specify whether you want product’s image to be visible or not.
Specify the image size to be visible in the search results panel.
Specify the maximum product’s name character count to be visible in the search panel.
Specify whether you want product’s description to be visible or not.
Specify the maximum product’s description character count to be visible in the search panel.
Specify whether you want popular products to be visible or not.
Specify the number of popular products to be shown in search panel when you scroll to the popular products while searching a product.
Specify the number of searched products to be shown in search panel when you search for a product.
Search Using Advanced Search Box On The Front End
Advanced search box is displayed on the top of your store. Here you can search for any product that is present in the catalog as shown below.
If the searched product is in the catalog then it will be displayed on the top of the search list as shown below.
If the product is not found in search, then the label that you have set in the backend for no result found – “No results Found!!” will be displayed in the search list as shown below.
You can see a list of “all search results” for a product by clicking on the “All Search Results” as shown below.
After that you can see the complete list of all search results as shown below.
You can see the list of popular products by scrolling down the search list under the “Popular products” as shown below.
Example- Showing Search after re-arranging the Performance Sequence
We will select “Product name” from the list of allowed parameters and re-arrange the performance sequence with “Search From Start” on the top and select only Product name attribute then go for searching an item according to the arranged sequence.
We have set allowed parameters- “Product name”
we have re-arranged the Performance sequence and only selected “Search from Start” for the above parameter.
After setting up the searching sequence, when you go to search for the product name – sun glasses, it can be seen that as we have chosen “Search from Start“, hence when we search our product sun glasses it starts searching for the exact letter combination from the starting letter.
If we write glasses only you can see that it shows up no results for the product, even as it’s a part of the product name sun glasses.
Similarly if we search the letters “sam” only we can see that it shows up products having only “sam” as initials.
Here we have set allowed parameters- “Product Name” and we have re-arranged the Performance sequence and only selected “Miss-Typed Strings” for the above parameter.
If anyone Mis-typed a character in a string then the product can be searched accordingly. For e.g. if “aaple”, “abple”, “appke”,”aple” etc will be typed then it will consider it as “Apple”.
Here we have set allowed parameters- “Product Name” and we have re-arranged the Performance sequence and only selected “Missed characters” for the parameter list.
If anyone misses a character while typing a word then the product can be searched accordingly. For e.g. if “aple” or “appl” will be typed then it will search the “Apple Cinema”.
Here we have set allowed parameters- “Product Name” and we have re-arranged the Performance sequence and only selected “Search In Middle” from the parameter list.
It will search any string found in between the parameters name. For e.g. “cinema” or “nema” can be searched from the term “Apple Cinema” as shown below.
Here we have set allowed parameters- “Product Name” and we have re-arranged the Performance sequence and only selected “Reverse Typed String” from the parameter list.
If anyone will type a string with reverse characters then it will consider it as correct word. For e.g. if “paple”, “aplpe”, “appel” etc will be typed then they will be considered as “Apple”.
Here we have set allowed parameters- “Product Name” and we have re-arranged the Performance sequence and only selected “Reverse Typed Words” from the parameter list.
If anyone typed the reverse words then it will get it as the correct product. For e.g. If anyone will type “Cinema Apple” then it will be considered as “Apple Cinema”.
That is all for the Opencart Advanced Search, If you still have any issue feel free to add a Ticket and let us know your views to make the module better http://webkul.uvdesk.com/