Store Locator for Magento 2

Let customers know about location of the nearest offline stores where your products are available. Display stores on a Google map and provide extra information for each location to enhance shopping process.

• Utilize Geo IP data
• Provide extra store information
• Assign products and categories to certain store locations
• Attach images to store locations
• Highlight stores on a map with different colors

Specify frontend URL for a store locator page. This value will influence frontend URL of the store locator page. If you leave this field blank then default URL should be amlocator and look like:

http://example.com/index.php/amlocator

The store locator page is available from all product pages around your store under the Available in stores link.

• Use Geo IP — allows using Geo IP data which is very useful for the cases when a customer’s browser doesn’t provide location data;
• Use Browser Location — set this option to ‘Yes’ to use customers’ browser location data.

• Distance Units — set default distance units (kilometers/miles) or enable users to specify the units on the frontend;
• Google Mark Template — define the template for the Google mark that will be displayed for each store location on the map. See details.
• Attribute Template — choose the template for the tags-attributes that will be displayed for each store location on the map;
• Page Title — fill in the title that will be displayed on a Store Locator page;
• Frontend product URL text — specify the text for URLs that will be displayed on product pages. The links will redirect customers to the map with offline stores which sell corresponding products;
• Open frontend URL on a new page — enable to open frontend URL on a new page;
• Google API key — insert Google API Key. Please use this page to get a key;
• Show additional attributes — display phone number, URL, and e-mail on the store list in the sidebar;
• Search Radius — define the available search radius values.

To edit settings for a certain store view unflag the corresponding checkboxes.

With the extension, you can display additional information in a popup (e.g. phone, website, email).

To configure the popup you will need to add the following information about a marker with a text description to the modules' configuration Google Mark template. For example:

Phone number: {{phone}} </br>
Email: {{email}} </br>
Website: {{url}} </br>

The whole list of the available fields to display in the popup:

• name
• photo
• country
• state
• city
• zip
• address
• phone
• email
• website
• description
• lat
• lng

In some cases you may have locations with and without a phone number. To display the number only when it exists, please, use this construction:

**{{ifphone}}{{phone}}{{/ifphone}}**

Hit the Download and Import button to get databases from Amasty.

To import files from your own source, use the Import option. Choose the database files and click the Import button.

Each store locator location consists of five tabs that should be configured to add data on a map. Let's do this step by step.

Specify the following data to provide information about certain location. Required fields are marked with *.

You can use the Status option to quickly enable or disable certain store locations.

Then, switch to the Location on the Map tab to proceed.

The exact location coordinates will be defined automatically when you specify the location address and hit the Auto Fill button. It’s also possible to set them manually. Fill in the required Latitude and Longitude values.

Also, you can choose the desired location marker under the Custom marker option.

If everything is set up correctly you will see the location on a Google map.

You can skip this tab if you need all products to be available. Alternatively, in case some products are available only in specific offline stores, you can assign them to the necessary store location with the help of conditions.

The Store Schedule tab allows you to specify working schedule for each store location.

Here you can specify additional store location details. E.g. parking availability, payment methods, brands, etc.

On top of that, with the extension, you can configure extra attributes to display them on a map. Go to Content → Amasty Strore Locator → Store Locator Attributes to edit already existing store attributes or create a new one.

The process of attribute configuration is quite simple. You need to:

• Fill in the Default Label
• Define the Catalog Input Type (supports Text Field, Text Area, Date, Yes/No, Multiple Select, Dropdown)
• Enable or disable a condition to require values
• Configure the desired options

Hit the Save button to finish configuring the attribute. Now, you can use it in the Store Attributes tab of your locations.

To import data you will need the correct .CSV file.

Set Entity Type as Amasty Store Locator. Use the Download Sample File link to get the example of the correct .CSV file that can be imported to the Store Locator module.

Generally, you can utilize the following IDs as new columns in the .CSV file and specify their values to add store locations and modify their details:

Then, you can specify Import Behaviour:

• Add/Update — this option is used to add new or update existing files;
• Replace — this option is used to replace the original file with the new one;
• Delete — this option is used to delete certain files of the same name.

Also, you need to specify whether the import process should stop in case of an error or skip error entities. Moreover, you can define the number of errors to halt the import process.

Then, you need to select files to import using the Choose File button and hit the Check Data button.

You can customize the map appearance to fit your store pages design.

Usually, Google Map styles look like that:

[{"stylers":[{"saturation":-100},{"gamma":0.8},{"lightness":4},{"visibility":"on"}]},{"featureType":"landscape.natural","stylers":[{"visibility":"on"},{"color":"#5dff00"},{"gamma":4.97},{"lightness":-5},{"saturation":100}]}]

You can find custom styles on the web or create yourself but it requires special knowledge.

When you get the required styles, please, go to your server and find the main.js file in the extension folder. The full address depends on where you've installed the extension: /app/code/Amasty/Storelocator/view/frontend/web/js/main.js /vendor/amasty/storelocator/view/frontend/web/js/main.js

Then, find the myOptions variable in the initializeMap method. Here, you need to paste your custom style. The massive key is = styles.

Save changes and check the result on the frontend.

The extension affects product pages and provides customers with additional information related to offline stores inventory and their details.

Customers can filter stores using certain predefined attributes.

Locate Nearby button uses customer's current geolocation data based on IP address to locate the nearest stores from the list. However, the list will include all stores sorted by distance. Please note that this feature requires the Geo IP database to be installed. See this section for more information.

Sometimes, it is unable to complete the database import due to execution time limit of PHP scripts. You can avoid this error by increasing the maximum execution time for your PHP scripts.

You need to set the max_execution_time to the number of seconds that all your scripts are allowed to run in your PHP's configuration file. The file location may differ from system to system but in general you need to find the PHP.INI file and modify it.

We need to set the value to 18000.

For example:

; Maximum execution time of each script, in seconds
; http://php.net/max-execution-time
; Note: This directive is hardcoded to 0 for the CLI SAPI
max_execution_time = 18000

Setting the value to 0 means there's no time limit.

You'll have to restart your web server for this solution to work.

Find out how to install the Store Locator extension via Composer.

Rate the user guide

from 1 votes (Details)       0 visitor votes 0 visitor votes 0 visitor votes 0 visitor votes 1 visitor votes