Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Thank you for purchasing our extension. If you have any questions that are beyond the scope of this document, do not hesitate to leave us an email via [email protected].

Updated: 15/10/2018 | By: Magenest | Support Portal: http://servicedesk.izysync.com/servicedesk/customer/portal/41 

Table of Contents
outlinetrue
stylenone


Introduction

Image Removed

Store Locator for Magento 2 helps merchants guide online customers to physical stores easily via Google Maps integration. In this way, customers are allowed to find the right direction to the nearest store with multiple options (distance, payment methods, parking availability, etc.)

Image Added

Highlight Features

1. Frontend

For admin

  • Set locations by directly clicking on the Map in the setting.
  • Manually specify locations using Latitude/Longitude and apply them to the Map.
  • Set the default zoom level on the map.
  • Enable/disable the store(s).
  • Set to display stores list tab on menu bar.
  • Add description images for the stores. 
  • Set opening and closing time for all or each store by each day of the week.
  • Set day-off for the stores.
  • Set available products for store in store setting.
  • Set stores list for each product in product configuration.
  • Set color for the stores list on the front-end.
  • Add special dates for a store with promotion information.
  • Configure the SEO for each store.
  • Add new attribute to a store: parking, ATM, new arrivals, payment methods, brands.
  • Create holidays and brands, assign them to the stores.
  • Import / Export the stores list.

For customers

  • Customers can search for a store by location or filters.
  • Auto zoom to show all locations in the region.
  • Advanced direction from customer's spot to the store
  • Google Street view 360
  • Search locations by distance.
  • Search locations by area (country, city and zip code)
  • .
  • Distance can be shown by radius (Km or Miles).
  • Show store list in product detail pages.
  • User friendly interface.
  • Display image slider on store detail page.
  • Show pin point on the map when clicking on the store name in the store list.
  • Store pin point will show store info when clicked
2
  • .
Backend
  • shows the distance from your location (or by the entered address) to the stores
  • Add the stores to favorites
  • Filter stores by attributes, country, distance

System Requirements

 Your store should be running on Magento  2.3.x and 2.4.x


 

  • Set locations by directly clicking on the Map in the setting
  • Manually specify locations using Latitude/Longitude and apply them to the Map
  • Allow admin to enable/disable the store(s)
  • Featured images for each location
  • Store the store's details and configure their categories
  • Set opening and closing time for each store in each day of the week
  • Set the default zoom level
  • Set to display available products in store detail page
  • Set to display store tab on menu bar
  • Assign products to store in store setting
  • Assign store to product in product setting 

System Requirements

 Your store should be running on Magento 2 CE, EE version 2.2.x, 2.3.x.

General Configuration

On the admin sidebar, go to Magenest Map List > Settings > Configuration.

On the Configuration page

(plus) General

  • Show "Store" in Menu:
  •  Choose
  • Choose Yes to display Store tab on the main menu bar.
  • Display a list of stores having the products in the Product Detail page: choose Yes to show a list of stores on the product detail page. In the list, online
  • customer
  • customers can view the store that the product is available.
  • Background Color: set the background for the store list section on the front-end.

Image Added


(plus) Display

  • Allow display store logo: Allow display store logo on frontend
  • Marker icon: Set icon for store on the Map
  • Marker icon highlight: Set icon when click to store on the Map
  • Display CMS block on store details page: allow display the store CMS on the store detail page

(warning) Note: To edit CMS block, please go to Content > Block and select Covid-19 block


Image Added


(plus) Map configuration

    • Google Maps API: Enter your Google API.
      (warning) Note: Google has the API limit, learn more here.
    • Unit System: The radius unit - kilometers or miles.
    • Default Country: Select the default country of the store range.Default Zoom: Select the default zoom level.
    • Preferred Travel: The direction will be shown based on this default travelling mode (driving, walking, bicycling, transit).

Image RemovedImage Added

(plus) Default Opening Hours for All Stores

Set the opening time for each day in a week. Leave blank on a day to set day off..

Image Added

(plus) After finishing the configuration, click on Save Config button.




Create Store Attribute 

Add Attribute

(plus) On the admin sidebar, go to Magenest Map List > Attributes, the admin can manage all the available attributes by editing and adding. 


Image Added


  • Attribute code: attribute code

  • Label: Attribute label

  • Input Type: Attribute type

Text Field

Yes/No

Dropdown

Multiselect

For the Dropdown or Multiselect you can add options to filter.

  • Can be filter?: Allows to display on the filter on the frontend.

Image Added

Image AddedImage Removed


Add New Store

On the admin sidebar, go to to Magenest Map List > Stores > All Stores, on . On the Stores page, admin can manage the available stores or add a new one. To add a new store, click on Add New Store,  go to New Store page.

Store Settings

(plus) Status
  • Status: Enable/Disable the new store.
(plus) Store
  • Store Name: Enter a name for the new store.
(plus) Short
  • Short Description: Fill with a short description, which will be shown after customers click on the pin point on the map.
(plus) Description
  • Description: Enter a
detail
  • detailed description on the store-view page.
(plus) Enter
  • Enter the store address on State/Province, City, Zip, Address fields.
(plus) Add
  • Add further information for the store on Website,
 Email
  • Email,
 Phone
  • Phone Number fields.
(plus) Map
  • Map: Use Ctrl + scroll and mark the store address on the map, then
the Latitude and Longitude
  • the Latitude and Longitude fields will be auto filled.
(plus) Store
  • Store Icon: Upload store icon to identify the store on stores list.
(plus) Assign
  • Assign to Store Views: Select store views to show the store information.

Image RemovedImage Added

Add Product

On the product list grid, select products that are available in the new store.

Image AddedImage Removed

Opening Hours

(plus) Set

Set the working hours for the store. To set a day as day-off, leave the field blank.

(plus) Follow

Follow the hour format instruction in the configure to set the hour.

(plus) Clicking

Clicking on Use Default Hours

to

 to set the hour as

in 

in Default Opening Hours for all Stores field in general configuration.

Image Removed

Image Added

 

 

Special Date 

You can add the special date/promotion dates and promotions to the store information.

      • Date: Choose a date from the date picker.
      • Description: enter the promotion infoname.

Click Save 

Image Removed

Add store in Product settings

You can add the store in the product settings by choosing the store(s) in the store list as in the screenshot below. Note that this action will also be auto updated in the store setting.

Image Removed

Add Store Attribute

Holiday

 

Brands

 

Image Added

SEO

Set SEO configure for marketing purposes. Enter Meta Title, Meta Description and Meta Keywords.

Image Added


Location Attributes

Configure the properties added in the previous section for the new store so that customers can check if the store's facilities meet their needs.

  • ATM: Choose Yes or No.
  • Brands: Select the brands of the items in store.
  • New Arrivals: Select a date that the new items are available at the store.
  • Parking: Choose Yes or No.
  • Payment Methods: Select the payment methods which are served on the store. 

Image Added

(star) After finish all the above configuration, please click Save button.


 

Add stores in product settings

When creating or editing a product, admin can assign the product to some stores on the product configuration page.

Catalog > Products > Add or Edit product

Image Added

Store-front Functions

Find a store

  • Click on the Stores tab on the main menu.
  • On the store page, enter the address you want, drag the "Select a radius" slider to select the radius you want to filter, then select the attribute options. A list of the expected stores will be displayed below the search box.

(warning)Note: You can filter store with one or more attributes

  • The color of stores list section can be changes by admin.
  • You can add store to favorite by click to Add to favorite button or click to Added to favorite button to remove from favorites list.
  • Click to Call the place button to call that store


Image Added

(plus) Quick view of the store on the map

To have a quick view to a store on the list, after logging in, customer can click on the store name, then the quick-view section will display above the pin point. They can view the store name, address, status.

On the quick-view section, you can call the store or add this store to your favorite list.

Image Added

(plus) Get direction to a store

Before getting direction to a store, customer can get their location by filling in their address

Image Added


Or choose their address on the map

Click to the Get Directions button to get direction from address on input search box or you location to this store.


Image Added


Click to the Get Directions button to get direction from address on input search box or you location to this store.


(plus) Store detail page

On the store detail page, customers can view all information about the store such as store name, address, website, email, telephone, opening hours, special dates, images and available attributes (parking, ATM, new arrivals, brands, payment method).


Image Added

(plus) View list of stores on product page

 On the product detail page, customer can view a list of stores that the product is available in.

Image Added

Storefront Functions

Store Locator and Google Map Page

Clicking on the Store tab in the main menu will direct customers to the store page as follows

Customers can search for the store locations in 2 search bars up to their choice.

Image Removed

Customers can search for the store location near them by searching on the left bar, and select the radius (could be in km or miles) from the drop down list.

(warning) Note that to use the GPS, customer must allow the site to track their location. There will be a pesky location request popup.

Image Removed

The customer can reset the store list by clicking on Reset button

 

For more details, customer can click on View This Store button, which will direct customer to the store detail page.

When customer clicks on a store in the store list, the corresponding pin point will display with a store info popup. This popup will also display when customer clicks directly on the pinpoint.

In the popup, there are 4 buttons: From here, To here, Street View, and View Location.

Image Removed

 

From here and To here will show the direction to customer. The travel mode can be set as default in the configuration, however, customers can switch to other modes if they want.

 Image Removed

 

Street View: The direction to the store will be shown with the street view as follows

 Image Removed

Store Detail Page

Clicking on View This Store, customer will be directed to the store detail page with more information such as store images, special date, store description, etc

Image Removed

Store List displayed in Product Detail Page

In the product detail page, customer can check to see in which stores this product is available.

Image Removed

 

Clicking on one store in the list, there will be a popup showing the store information with 4 tabs: Store Info, Opening hours, Promotions, and Get Direction.

Image Removed



Update

  • When a new update is available, we will provide you with a new package containing our updated extension.
  • You will have to delete the module directory and repeat the installing steps above.
  • Flush the config cache. Your store and newly installed module should be working as expected.

 



Support

  • We will reply to support requests within 2 business days.
  • We will offer lifetime free update and 6-month free support for all of our paid products. Support includes answering questions related to our products, bug/error fixing to make sure our products fit well in your site exactly like our demo.
  • Support DOES NOT include other services such as customizing our products, installation and uninstallation service.

 

 



Once again, thank you for purchasing our extension. If you have any questions relating to this extension, please do not hesitate to contact us for support.