Child pages
  • Store Locator - Magento 2

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Section
Column
width50%

Table of Contents

Warning

Firefox user notice:

Please use different web browser to view this document.

Sorry for the inconvenience.

Column
width30%

Store Locator - Magento 2

Magento 2 Store Locator is a straightforward solution enabling purchasers to find nearby physical locations of a web store by concrete address or current location distance. From the frontend area, store admins can quickly create new locations of their outlets and add the appropriate markers to Google Maps on individual store views. Additionally, they can set the map zoom, latitude, and longitude values of each created location. 

Compatibility: Magento Open Source 2.2.X, Magento Commerce 2.2.X

UI Button
titleProduct Page
colororange
urlhttps://ecommerce.aheadworks.com/magento-2-extensions/store-locator/
sizelarge

...

Section

You have added the location of a store and definitely want to look through it. It is now high time to proceed to the Store Locator settings screen to learn how to do it.

 

Stores > Configuration > aheadWorks extensions > Store Locator

General settings

The extension is enabled by default after the installation, however, the Extension's URL to Top Menu option that brings the Store Locator section to the frontend navigation menu is disabled.

Let's go through the settings available and what they do:

  • Enable Store Locator Page - allows enabling/disabling the extension and the Store Locator frontend page in particular;
  • Title - defines the Store Locator page title;
  • URL Key - defines the links the Store Locator page will be accessible by;
  • Google Maps API Key - this setting is only relevant for store owners running customer heavy stores with 25k+ Google Map loads per day if you do not have this many loads you do not need to enter the Google Maps API;
  • Extension's URL to Top Menu - allows adding the Store Locator page link to the top category menu at the frontend;
  • Header CMS Block - allows displaying any CMS block at the Store Locator page.
Info

Back to the store location you have added.

For testing purposes, you can leave Extension's URL to Top Menu option disabled and access the Store Locator page directly by the URL Key specified.

Say you need to add several store locations and want to have a look at them before letting your customers access the page.

In this case, you can add the store locator URL Key ('store-locations' as in the example above) to your store URL:

No Format
yourstore.com/store-locations

and thus access the Store Locator page without revealing the link before your customers.

Once you have applied all the settings changes and decided on where at the Top Menu you want the Extension's URL displayed you may want to proceed to Search and SEO settings:

 

Stores > Configuration > aheadWorks extensions > Store Locator

Search and SEO settings

Search settings let you enhance customer's search experience:

  • Search Radius - allows defining a set of search radii available for customers;
  • Default Search Radius - defines the search radius set by default at the Store Locator page;
  • Default Search Measurement - miles/kilometers.
Info
Expand
titleClick to see the search options...

Store Locator offers a quick navigation.

  • Customers can either manually start typing the location for Google Map suggestions to pop up;
  • Or click button and Google Maps will identify the customer's current location automatically.

Once the Current Location is set customers are suggested to select a Search Radius and Search Radius Measurement from the drop-down lists, and click button.

That's it. The Store Locator will display all the stores available for customers nearby.

SEO settings let you type in the Meta Keywords and Meta Description of the Store Locator page.

Once you are done with Search and SEO settings click button.

Congratulations! You have successfully set up and configured Store Location extension. Now you may want to add more store locations.

Importing Locations via CSV 

...