Read More
Read More
Menu Close

    Opencart Store Locator V2

    Brilliant module by which admin can add many more store locations with product search and location search based on their store location.

    Features – Opencart Store Locator V2

    • Search based on location and product.
    • Fancy Tool Tip with store information.
    • Very handy Module to add many more store locations.
    • Easy to use and manage module from Opencart admin.

    Note – Google Map API feature is a paid service.

    Check the workflow of the plugin at the storefront and the initial configuration settings as well –

    IDEfuzCP21c

    Installation – Opencart Store Locator V2

    Customers will get a zip folder and they have to extract the contents of this zip folder on their system.

    After extraction of the contents, you have to select your preferred Opencart version folder which is having the – admin, catalog, and ocmod folders.

    Searching for an experienced
    Opencart Company ?
    Read More

    Now, just transfer the admin catalog folders into the Opencart root directory on the server as shown below.

    opencart_1

    Now, you will navigate to Extension Installer and upload the XML file add_store_locator.ocmod.xml according to your Opencart version which you will find inside the ocmod folder.

    opencar_2

    Then in admin panel go to System->User->Usergroup and edit ‘Top Administrator‘ and choose – Select all for both access and modify permission and save the configuration.

    3

    After that under Extensions ->Modules -> you will find Store locator module. Here you can install the module.

    4

    After the module installation, navigate to Extensions>Modules and find Store Locator from the module list. Click Edit to the module configuration.

    admin

    Now, you can enable the module to show store locator at the front end or disable the module to not show store locator on front end & click save. If enabled, store locator tab will be displayed in the header on the front end.

    Enter Google Maps API Key. If you do not have the key, click Get Google Map API Key to create a new key.

    config

    How to Get Google Maps API Key

    To get a Google Maps API-Key, please Log In to your Google account and visit this link. After logging into your account you will see this below page. Click Get an API key link as shown in below screenshot.

    API

    After clicking the above link you will arrive at this page. Click Google API Console link as shown below.

    google api

    A new page will be open, select Yes button and then click Agree and continue button.

    apisAfter clicking Agree and continue button, you will arrive at API Manager Credentials page. Please click the button named What credentials do I need?

    credentials

    After that, you will get your Google Maps API-key as shown in below screenshot. After copying the key, click Done button and paste this key to your Opencart Store Locator Configuration.

    credentials-2

    Domain Verification

    The user needs to follow the given steps for verifying the domain.

    Initially, on the Google Cloud Platform page, the user must navigate to APIs & Services > Domain verification as shown below.

    api-and-services-1

    This navigates the user to the Domain Verification page, where the user needs to click on the Add Domain button.

    domain-verification

    A popup shall appear as shown in the image, where the user needs to fill in the Domain URL (https://example.com/) in the text box and click the ADD DOMAIN button.

    add-domain-1

    On clicking the ADD DOMAIN button, another popup opens up bearing a name Verify ownership.

    The user must click on TAKE ME THERE, to proceed further.

    verify-ownership

    On clicking the same, it redirects the user to the Webmaster Central page as shown in the image below.

    The user must click on ADD A PROPERTY button present on this page.

    add-property

    A textbox opens up where the user needs to add the URL of the property that the user wishes to verify and click on Continue.

    adding-property-url

    Google recommends some steps that the user must follow to verify the URL of the property.

    steps-1

    Thereafter, the user can tick-mark the I’m not a robot checkbox and further click Verify button.

    verify

    Once the verification process is completed, the following page shall appear.

    domain-verified

    Enable Google API Keys

    To enable the Google APIs, the user must open up the Google Cloud Platform page and navigate to the Credentials page.

    The user will find All Google Maps APIs dropdown, clicking which the user needs to click on the ENABLE API.

    credential

    In doing so, a list of Google APIs opens up. If users don’t find the required API, they can type the name of the API in the search box and search for it.

    To enable the API, the user needs to click on it.

    Geocoding & Maps JavaScript APIs

    api_list

    Geocoding API: Enable

    Geocoding-API

    Maps JavaScript API: Enable

    Maps-JavaScript-API

    Places API

    places-api

    PLaces API: Enable

    Enable-Places-API

    Admin Management – Opencart Store Locator V2

    Click this tab and admin manage all stores. At first, the admin has to insert stores using insert.

    6

    After clicking on the insert button,  another page opens where the admin enters the store details and selects products in the store. Admin can select location using map or using search option.

    7

    Enter your store title, link, logo etc. and select status as Enable for display at store front end else select Disable.Then in  Assign product tab admin has to select products and then save it.

    8

    After save store locations will be display here, admin can edit & delete it.

    9Admin can open any store location, edit & save the settings after that.

    After Edit

    Admin can add as many store locations as desired.

    Front-end page

    Front End

    After saving this your Store Locator look like this, with all locations and with a link in your header.

    Frontend1

    User can search locators after click Store locator, based on product and location.

    Frontend3

    Using location

    Front 4

    After search the results depend upon the admin entered distance.

    front5

    After clicking the searched location on the map it shows all info. All of that information were much self explanatory, still having any doubt kindly add a support ticket at https://webkul.uvdesk.com/.

    Current Product Version - 3.0.0.1

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

    . . .
    Discuss on Helpdesk

    Leave a Comment

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


    Be the first to comment.

    Back to Top

    Table of Content