Reading list Switch to dark mode

    Magento 2 Multi Vendor Seller Locator

    Updated 1 March 2024

    Magento 2 Seller Locator Marketplace add-on will allow the buyer to search and filter the Products based on Location and Product name using an interactive Google map.

    Marketplace vendor Locator extension will display vendor location in Google Maps and customers can easily search the sellers located in the nearby positions.

    Note:

    • This module is an add-on to Webkul’s Marketplace Module. To use this module, you must have purchased and installed Magento 2 Multi Vendor Module first.
    • Geolocation is used in our module. To have these services you must have the Google API Key to make use of this extension. You can generate one by clicking  here
    • You need to enable billing for your google account project under which the API Key is created. For more information please visit here

    Features

    • The seller can add/edit their location.
    • The Admin can add/manage the seller’s location.
    • The Admin can set the default location to cover the distance.
    • Allow customers to search the seller by product name.
    • Similarly, allow customers to search the seller by Town or City.
    • Dynamic Map addition.
    • The customer can search for sellers/vendors in their nearby locations.
    • The buyer can filter the search using Map.
    • Seller location will display on Google map as a flag then clicking on that flag will expand the list of sellers within that country.
    • A customer can find the Seller’s profile on Google Maps.
    • The Admin can manage Searching Templates.
    • Magento 2 Multi Vendor Seller Locator is compatible with the Hyva Theme.

    Installation

    Customers will get a zip folder then they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento 2 root directory on the server as shown below.

    Installation Of Magento2 Marketplace Seller Locator

    Searching for an experienced
    Magento 2 Company ?
    Find out More

    After the successful installation, you have to run these commands in the Magento 2 root directory:

    First command – php bin/magento setup:upgrade
    Upgrade

    Second Command – php bin/magento setup:di:compile
    compile

    Third Command – php bin/magento setup:static-content:deploy
    deploy

    After running the commands, you have to flush the cache from the admin panel by navigating through->System->Cache management as shown below.

    Installation Of Magento2 Marketplace Seller Locator

    Multi-lingual Support

    For the multilingual support, the admin will navigate through Store->Configuration->General ->Locale Options and select the locale as German (the language into which the admin wants to translate his store content).

    language configuration

    Seller Locator Translation

    If a user wants to translate their module from English to German, they need to follow the path app/code/Webkul/MpSellerMapLocator/i18n in their unzipped folder and get a CSV file with the name “en_US.csv”. Now they will rename that CSV as “de_DE.csv” and translate all right side content after the comma in the German language. After editing the CSV, save it and then upload it to the path app/code/Webkul/MpSellerMapLocator/i18n where they have installed Magento 2 on the server. The module will get translated into the German Language. It supports both RTL and LTR languages.

    Magento2 Marketplace Seller Locator Translation

    Magento2 Marketplace Seller Locator Translation

    The user can edit the CSV like the image below.
    Magento2 Marketplace Seller Locator Translation

    Module Configuration

    The Admin can set the location cover distance. By default, the cover distance is 1000 and admin can change it according to their need.

    Above all, to set the distance, navigate through Stores > Configuration > Marketplace Seller Map Locator.

    seller-map-locator

    Searching-templates-seller-locator

    Here the admin will set in:-

    Seller Map Locator

    The admin can set this field as Yes/No to enable or disable the Seller map locator functionality of the module.

    Options

    • Default Location Cover Distance(Admin can set the radius for the search location).
    • Google Map API Key(Admin can set the Google Map API for showing the Map at the frontend).

    Searching Templates

    Here you can customize the look of the Searching template on the store front end.

    • Choose Background Template i.e (Blank Template , Color Template & Image Template).
    • Add Background Image in case if Image Template has been selected.
    • Add Background Color In case if Color Template has been selected.
    • Can Choose Different Button Colors.

    If you choose the background template as ” Blank Template “ and after, by adjusting the desirable “Button color” save the configuration.

    template-2

    At the storefront, the Template looks like the picture shown below.webkul-magento 2-seller-locator-marketplace-blank-template

    After that, choosing the background template as ” Color Template “ and adjusting to a desirable Background color and Button color save the configuration.

    background color

    And now at the storefront template looks like as in the picture shown below.

    WEBKUL-SELLER-LOCATOR-MARKETPLACE-SEARCH-TEMPLATE

    Now if you choose the background template as “Image Template” this in the next step you have to choose a file from your local storage which get display in the background on the search template and by adjusting the Button color save the configuration.

    webkul-magento 2-seller-locator-marketplace

    similarly, for now, at the storefront, the Template looks like the picture is shown below.

    Now after choosing background template as " Color Template " and by adjusting the desirable Background color and Button color save the configuration. And now at store front Template looks like as picture shown below.

    How to Add Widget

    To enable the customer to use the specific component and services. Admin adds a widget of a particular type from the backend, for this admin navigates into  Content >Elements >Block.

    After that, the admin select the specific block in which he has to insert the widget by selecting  Action >Select >edit

    wekul-magento-2-seller-locator-marketplace-contact-us

    Here  the content of the specific block is visible & to show further editing options admin selects Show/Hide Editor, which opens options for inserting widgets, inserting image,s and variables in the block

    webkul-magento 2-seller-locator-edit-block

    Now to insert the widget, the admin selects the Insert Widget icon which shows different types of widgets to be added to that particular block. After selecting it click on Insert Widget

    webkul-magento 2-seller-locator-edit-block

    After this, the code of the widget is visible in the editor, Now Save Block.

    webkul-magento 2-seller-locator-edit-block-widget added

    Now on the Website Homepage Scroll down to Contact Us, select it

    webkul-magento 2-seller-locator-edit-block-contact us

    Now the customer can find the Widget on the contact us Block also.

    wekul-magento-2-seller-locator-marketplace-contact-us

    Manage Seller Location

    After that, here the admin can Add/Edit the seller location under Marketplace Management >Manage Seller Location > Add Location.

    set-seller-location-by-admin

    The admin can view the list of all seller locations under Manage Seller Location as shown below.

    location-Manager

    How To Use Magento 2 Marketplace Seller Locator

    It is pretty easy to use this module, the current location of the seller will get saved on the map after seller registration. The seller can also change their location under the Marketplace “Seller Profile” tab.

    Here the seller can add his location and everything will be handled by the module automatically. As soon as the seller selects the location the latitude & longitude will be updated automatically.

    change-seller-location

    Front-View For Seller Locator

    Under the full map, it will show a marker for the country and shops within the country. and the center of the map will be set to your current location.

    In addition, when you will zoom on it, it will show the individual seller shop marker. If you will click on a shop from the shop list, it will show you that particular seller’s shop.

    Seller-Stores-1-2

    After that, click on the seller shop from the shop list, you will see that particular shop on the map with product and profile info.

    Seller-Stores-6

    Search For Store

    Buyers can search the store using Product name or Location or using both of them.

    Location Search

    Seller-Stores-3-1

    Product Search

    Seller-Stores-4-2

    Both Product and location search

    Seller-Stores-5-1

    That’s all for the Magento 2(Adobe Commerce) Marketplace Seller Locator extension. However, if you still have any issues feel free to add a ticket and let us know your views to make the module better at Webkul.uvdesk.com

    Current Product Version - 5.0.5

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

    . . .

    Leave a Comment

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


    2 comments

  • Lokesh
    • gunjita joshi (Moderator)
  • 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