Reading list Switch to dark mode

    Opencart Advanced Search

    Updated 10 October 2023

    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.

    Check a brief overview of the plugin –

    Aw41ccapGUM

    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.
    Heading name goes here

    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.
    Installation Of opencart Advanced Search

    Now navigate to Extensions->Modifications and click refresh on the top right hand side as shown below.
    Installation Of opencart Advanced Search

    Now go to Extension->Modules->Advanced Search and click on the install button to install the module.
    Installation Of opencart Advanced Search

    Searching for an experienced
    Opencart Company ?
    Find out More

    Configuration of the Module By Admin

    After installation of the Module navigate through Extension->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.

    oc_advance_search_1

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

    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.

    oc_advance_search_2

    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. Furthermore, You can set the sequence of the approaches in the sequence you want to put searching as shown below.
    oc_advance_search_3

    oc_advance_search_4

    Manage Search Box Settings

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

    Search Place Holder

    Here you have to specify the placeholder that uses 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.

    oc_advance_search_6

    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.

    oc_advance_search_7

    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.

    oc_advance_search_8

    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.

    oc_advance_search_9

    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.

    oc_advance_search_10

    If the searched product is in the catalog then it will be displayed on the top of the search list as shown below.
    oc_advance_search_11

    You can see a list of “all search results” for a product by clicking on the “All Search Results” as shown below.

    oc_advance_search_13

    After that you can see the complete list of all search results as shown below.
    oc_advance_search_12

    You can see the list of popular products by scrolling down the search list under the “Popular products” as shown below.
    oc_advance_search_14

    Example- Showing Search after re-arranging the Performance Sequence

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

    oc_advance_search_2

    We have set allowed parameters- “Product name”
    Furthermore, we have re-arranged the Performance sequence and only selected “Search from Start” for the above parameter.

    oc_advance_search_15

    Example- Showing Search after re-arranging the Performance Sequence

    oc_advance_search_16

    oc_advance_search_17

    After setting up the searching sequence, when you go to search for the product name – Nikon D300, 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.

    oc_advance_search_20

    If we write D300 only you can see that it shows up no results for the product.
    oc_advance_search_19

    Similarly if we search the letters “sams” only we can see that it shows up products having only “sam” as initials.
    oc_advance_search_21

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

    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 “Sasung” or “appl” will be typed then it will search the “Samsung”.
    oc_advance_search_23

    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. “D300” can be searched from the term “Nikon D300” as shown below.
    oc_advance_search_24

    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 “Nokin 0030”, etc will be typed then they will be considered as “Nikon 0030”.
    oc_advance_search_25

    Example- 6

    Here we have set allowed parameters- “Product Name” and we have re-arranged the Performance sequence and as well as 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 “D300 Nikon” then it will be considered as “Nikon D300”.
    oc_advance_search_26

    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 - 1.2.0.3

    Supported Framework Version - 2.x.x.x ,3.x.x.x

    Blog Version - 2.x.x.x ,3.x.x.x
    • Version 2.x.x.x ,3.x.x.x
    • Version 2.0.x.x, 2.1.x.x, 2.2.x.x, 2.3.x.x
    • Version 2.0.x.x, 2.1.x.x, 2.2.x.x, 2.3.x.x,3.x.x.x
    . . .

    Leave a Comment

    Your email address will not be published. Required fields are marked*


    Be the first to comment.

    Back to Top

    Message Sent!

    If you have more details or questions, you can reply to the received confirmation email.

    Back to Home

    Table of Content