Menu Close
    Start a Project Request quote Reading list Switch to dark mode
    opencart-marketplace-mod

    Opencart Advanced Search

    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.).

    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.

    Basic Settings

    There are two searching methods that can be used – Simple Search Method & Complex Search Method.

    Simple 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.

    Complex 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.

    Manage Performance

    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.

    Manage Search Box Settings

    Here admin will manage the search box appearance and other settings, lets go through all the settings available –

    Search Place Holder

    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”.

    No Results Text

    If no results are found for the searched item then text to display is set here. e.g. No results found!!

    Top Results Text

    You have to specify the text label for Top Results Text that will be displayed upon searching. e.g. Top Search Results.

    All Search Results Text

    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.

    Popular Products Text

    You will specify the text label for the Popular products text, that will be displayed on it.

    Search Results Panel Height

    Here you can specify the maximum height in pixels of the search panel containing the results.

    Delay time of results

    Specify the delay time (in seconds) after which the results will be shown in the search panel.

    Panel’s Border Color

    You will specify the Border Color of the search panel containing results.

    Product Name Text Color

    Specify the Product Name Text Color in the search panel containing results.

    Product Name Text Color

    Specify the Product Name Text Color in the search panel containing results.

    Product Description Text Color

    Specify the Product Description Text Color in the search panel containing results.

    Product Description Styling

    Specify the Product’s Description Font Styling in the search panel containing results.

    Price Box Status

    Specify whether you want price box to be visible or not.

    Price Color

    Specify the Price Text Color in the search panel containing results.

    Price Text Styling

    Specify the Price’s Font Styling in the search panel containing results.

    No Results Text Color

    Specify the No Results Text Color in the search panel containing results.

    Top Results Text Color

    Specify the Top Results Text Color in the search panel containing results.

    Top Results Styling

    Specify the “Top Result’s” Font Styling in the search panel containing results.

    All Results Text Color

    Specify the All Results Text Color in the search panel containing results.

    All Results Styling

    Specify the “All Results” Font Styling in the search panel containing results.

    Popular Products Text Color

    Specify the Popular Products Text Color in the search panel containing results.

    Popular Products Styling

    Specify the Popular Product’s Font Styling in the search panel containing results.

    Panel’s Border Style

    Specify the Border Style of the search panel containing results.

    Shadow Status

    Specify whether you want shadow to be visible or not on mouse hover on a result.

    Product’s Image Status

    Specify whether you want product’s image to be visible or not.

    Image Size

    Specify the image size to be visible in the search results panel.

    Product Name Length

    Specify the maximum product’s name character count to be visible in the search panel.

    Product’s Description Status

    Specify whether you want product’s description to be visible or not.

    Product Description Length

    Specify the maximum product’s description character count to be visible in the search panel.

    Popular Products Status

    Specify whether you want popular products to be visible or not.

    No. of popular products to show

    Specify the number of popular products to be shown in search panel when you scroll to the popular products while searching a product.

    No. of Searched products to show

    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.

    Example- 2

    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”.

    Example- 3

    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”.

    Example- 4

    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.

    Example- 5

    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”.

    Example- 6

    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/

    Current Product Version - 2.0.0.0

    Supported Framework Version - 2.0.x.x, 2.1.x.x, 2.2.x.x, 2.3.x.x

    . . .

    Comment

    Add Your Comment

    Be the first to comment.

    Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just recieved your project brief and our expert will contact you shortly.
    Send Again
    Close

    Table of Content

    Hide Index