1www.mageants.com support@mageants.com
Store Locator - Magento 2
USER MANUAL
2www.mageants.com support@mageants.com
Table Of Contents
Preface......................................................................................3
Installation Guide..................................................................4
StoreLocator Admin……………………............................................5
FrontEnd Example..................................................................13
3www.mageants.com support@mageants.com
Preface:
Store Locator is perfect extension for the store owners who
Have multiple store in one site. And they want to display their all
store in front end side. In this extension admin can create
multiple store and configure the extension. As per configuration
and store list in front storelocator page displayed. Where user
can find the store as well as find the distance from his current
location to store.
The functionality we can discribe as follow.
- Admin can create multiple Store from backend.
- Google map is use for Display store and current location for
the customer.
- Admin get latitude and longitude value on one click.
- In store creation time admin can also see the map for
location of current creation store on button click.
- Admin can set the store available product when creating a
store.
- Admin can also setup the marker template for the store.
- In from store listing display in the left side of the locator
4www.mageants.com support@mageants.com
page.
- Customer can find the current location to redius distance
store available.
- In product page customer can also find the available store
for the products on one click.
Installation
There are two ways of installing extension in magento2.
1) Using COMMAND LINE.
2) Manually Install extension.
Option 1: Magento 2 install extension using COMMAND LINE
(Recommended)
Follow below steps to install extension from the command line.
Step 1: Download the extension and unzip it.
Step 2: Upload it to code directory in your magento
installation’s app directory If code directory does not exists then create.
Step 3: Disable the cache under System -> Cache
Management.
Step 4: Enter the following at the command line:
php bin/magento setup:upgrade
Step 5: Once you complete above steps log out and log in back
to the admin panel and switch to Stores -> Configuration ->
Advanced ->Advanced, the module will be displayed in the admin
panel.
Option 2: Magento 2 install extension manually
Step 1: Download the extension and unzip it.
5www.mageants.com support@mageants.com
Step 2: Upload it to code directory in your magento
installation’s app directory. If code directory does not exists then create.
Step 3: Disable the cache under System -> Cache Management
Edit app/etc/config.php file and add one line code:
‘Mageants_StoreLocator’ => 1
Step 4: Disable the cache under System -> Cache Management
Step 5: Once you complete above steps log out and log in back
to the admin
Configuration
After Installation of Extension login to magento admin panel to set
configuration of the extension.
Extension menu and submenu.
6www.mageants.com support@mageants.com
Extension configuration.
7www.mageants.com support@mageants.com
Backend Example
To show Store List grid go to StoreLocator →Manage Store
8www.mageants.com support@mageants.com
Create New Store Steps:
In Store list grid click on Add New Store button to create the new
store.
First in Information tab fill up the store General Information like
store name, store status and store Image.
9www.mageants.com support@mageants.com
In Address tab Fill up the store details like store address, city,
region ,postcode and country for store.
( Note : Please Enter full Address so we can get Latitude and
Longitude for the store from this address.)
10www.mageants.com support@mageants.com
After fill up address click on “Get Location” button to get LatLng
from your address. And you can see the store Marker on Google
map.
11www.mageants.com support@mageants.com
Enter the store contact details like store website, phone and Email
Id.
12www.mageants.com support@mageants.com
In store products tab select the product for this store. In selected
product view page if you click on “Available store” button then
in poup map you get this store as product available store.
13www.mageants.com support@mageants.com
Frontend Example
Below are some screen shot of Extension Functionality on
Frontend. Store Locator Top links and store locator
page.
14www.mageants.com support@mageants.com
Enter current location on current location field and click on “Find
My Location” button to get your current location on Google map.
15www.mageants.com support@mageants.com
Select the Search Radius and Radius Measurement the click on
search button to search store within your Radius. You can also see
the Mark Circle area of your Radius on Google Map. You will also
see the filter left store list with distance from your current location
to store location.
16www.mageants.com support@mageants.com
Click on store marker to get store Details in poup. Which template
is set from admin StoreLocator -> Configuration -> General ->
Google mark Template.
17www.mageants.com support@mageants.com
If product is selected in any store from admin then you get the
“Availabe Store” button in product view page. Then click on this
button to get Map popup.
18www.mageants.com support@mageants.com
Google map popup with all store marker in which this product is
available. You can also see the store Marker popup when you click
on Marker Icon.
Thank you!
Should you have any questions or feature suggestions, please contact us at:
http://mageants.com/contacts
Your feedback is absolutely welcome!

Magento 2 Store Locator Extension

  • 1.
  • 2.
    2www.mageants.com support@mageants.com Table OfContents Preface......................................................................................3 Installation Guide..................................................................4 StoreLocator Admin……………………............................................5 FrontEnd Example..................................................................13
  • 3.
    3www.mageants.com support@mageants.com Preface: Store Locatoris perfect extension for the store owners who Have multiple store in one site. And they want to display their all store in front end side. In this extension admin can create multiple store and configure the extension. As per configuration and store list in front storelocator page displayed. Where user can find the store as well as find the distance from his current location to store. The functionality we can discribe as follow. - Admin can create multiple Store from backend. - Google map is use for Display store and current location for the customer. - Admin get latitude and longitude value on one click. - In store creation time admin can also see the map for location of current creation store on button click. - Admin can set the store available product when creating a store. - Admin can also setup the marker template for the store. - In from store listing display in the left side of the locator
  • 4.
    4www.mageants.com support@mageants.com page. - Customercan find the current location to redius distance store available. - In product page customer can also find the available store for the products on one click. Installation There are two ways of installing extension in magento2. 1) Using COMMAND LINE. 2) Manually Install extension. Option 1: Magento 2 install extension using COMMAND LINE (Recommended) Follow below steps to install extension from the command line. Step 1: Download the extension and unzip it. Step 2: Upload it to code directory in your magento installation’s app directory If code directory does not exists then create. Step 3: Disable the cache under System -> Cache Management. Step 4: Enter the following at the command line: php bin/magento setup:upgrade Step 5: Once you complete above steps log out and log in back to the admin panel and switch to Stores -> Configuration -> Advanced ->Advanced, the module will be displayed in the admin panel. Option 2: Magento 2 install extension manually Step 1: Download the extension and unzip it.
  • 5.
    5www.mageants.com support@mageants.com Step 2:Upload it to code directory in your magento installation’s app directory. If code directory does not exists then create. Step 3: Disable the cache under System -> Cache Management Edit app/etc/config.php file and add one line code: ‘Mageants_StoreLocator’ => 1 Step 4: Disable the cache under System -> Cache Management Step 5: Once you complete above steps log out and log in back to the admin Configuration After Installation of Extension login to magento admin panel to set configuration of the extension. Extension menu and submenu.
  • 6.
  • 7.
    7www.mageants.com support@mageants.com Backend Example Toshow Store List grid go to StoreLocator →Manage Store
  • 8.
    8www.mageants.com support@mageants.com Create NewStore Steps: In Store list grid click on Add New Store button to create the new store. First in Information tab fill up the store General Information like store name, store status and store Image.
  • 9.
    9www.mageants.com support@mageants.com In Addresstab Fill up the store details like store address, city, region ,postcode and country for store. ( Note : Please Enter full Address so we can get Latitude and Longitude for the store from this address.)
  • 10.
    10www.mageants.com support@mageants.com After fillup address click on “Get Location” button to get LatLng from your address. And you can see the store Marker on Google map.
  • 11.
    11www.mageants.com support@mageants.com Enter thestore contact details like store website, phone and Email Id.
  • 12.
    12www.mageants.com support@mageants.com In storeproducts tab select the product for this store. In selected product view page if you click on “Available store” button then in poup map you get this store as product available store.
  • 13.
    13www.mageants.com support@mageants.com Frontend Example Beloware some screen shot of Extension Functionality on Frontend. Store Locator Top links and store locator page.
  • 14.
    14www.mageants.com support@mageants.com Enter currentlocation on current location field and click on “Find My Location” button to get your current location on Google map.
  • 15.
    15www.mageants.com support@mageants.com Select theSearch Radius and Radius Measurement the click on search button to search store within your Radius. You can also see the Mark Circle area of your Radius on Google Map. You will also see the filter left store list with distance from your current location to store location.
  • 16.
    16www.mageants.com support@mageants.com Click onstore marker to get store Details in poup. Which template is set from admin StoreLocator -> Configuration -> General -> Google mark Template.
  • 17.
    17www.mageants.com support@mageants.com If productis selected in any store from admin then you get the “Availabe Store” button in product view page. Then click on this button to get Map popup.
  • 18.
    18www.mageants.com support@mageants.com Google mappopup with all store marker in which this product is available. You can also see the store Marker popup when you click on Marker Icon. Thank you! Should you have any questions or feature suggestions, please contact us at: http://mageants.com/contacts Your feedback is absolutely welcome!