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]
...
.
By: Magenest | Support Portal: http://servicedesk.izysync.com/servicedesk/customer/portal/41
Table of Contents |
---|
...
|
...
Introduction
...
...
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.)
Highlight Features
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.
Highlight Features
1. Frontend
...
- Auto zoom to show all locations in the region.
- Advanced direction from customer's spot to the store
...
- .
- 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
...
- .
...
- 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
...
- 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
General Configuration
...
On the
...
admin sidebar, go to Magenest Map List > Settings > Configuration.
...
On the Configuration page
General
- Show "Store" in Menu:
...
- 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 customers can view the store that the product is available.
- Background Color: set the background for the store list section on the front-end.
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
Note: To edit CMS block, please go to Content > Block and select Covid-19 block
Map
...
configuration
- Google Maps API: Enter your Google API.
- Google Maps API: Enter your Google API.
...
- Note: Google has the API limit, learn
...
- more here.
- Unit System: The radius unit - kilometers or miles.
- Default
...
- Zoom:
...
- Select the default zoom level
...
- .
Default
...
Opening Hours for All Stores
...
Add new store/Edit store
You can add a new store or edit the store in Magenest Map List > Stores
In the store configuration, there are 4 tabs:
Store Settings/General settings
In here you can add the store info such as store name, description, featured images, store icon, the address (country, state/province, city, ZIP code, etc), store website, email and phone number to contact.
To set the map for the store location, you enter the latitude and longitude.
To display the store in frontend, choose the status as Enable
Save and Continue Edit
Add Product
In this tab, you can add the available products in store by selecting the products in the grid table, then Save or Save and Continue edit
Note that the products added to the store in here will also be updated to the product setting, and vice versa.
...
Opening hours
You can set the opening hours for each day by entering in the field with this format (open Hours)HH:mm - (close Hours)HH:mm (24 Hours format)
Or you can use the default hours in the configuration by ticking in the Use Default Hours box
...
Set the opening time for each day
...
in a week. Leave blank on a day to set day off.
After finishing the configuration, click on Save Config button.
Create Store Attribute
Add Attribute
On the admin sidebar, go to Magenest Map List > Attributes, the admin can manage all the available attributes by editing and adding.
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.
Add New Store
On the admin sidebar, go to Magenest Map List > Stores > All Stores. 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
- Status: Enable/Disable the new store.
- Store Name: Enter a name for the new store.
- Short Description: Fill with a short description, which will be shown after customers click on the pin point on the map.
- Description: Enter a detailed description on the store-view page.
- Enter the store address on State/Province, City, Zip, Address fields.
- Add further information for the store on Website, Email, Phone Number fields.
- Map: Use Ctrl + scroll and mark the store address on the map, then the Latitude and Longitude fields will be auto filled.
- Store Icon: Upload store icon to identify the store on stores list.
- Assign to Store Views: Select store views to show the store information.
Add Product
On the product list grid, select products that are available in the new store.
Opening Hours
Set the working hours for the store. To set a day as day-off, leave the field blank.
Follow the hour format instruction in the configure to set the hour.
Clicking on Use Default Hours to set the hour as in Default Opening Hours for all Stores field in general configuration.
Special Date
You can add the special
...
dates and promotions to the store
...
information.
- Date: Choose a date from the date picker.
- Description:
...
Click Save
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.
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.
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.
Note that to use the GPS, customer must allow the site to track their location. There will be a pesky location request popup.
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.
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.
Street View: The direction to the store will be shown with the street view as follows
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
Store List displayed in Product Detail Page
In the product detail page, customer can check to see in which stores this product is available.
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.
- enter the promotion name.
SEO
Set SEO configure for marketing purposes. Enter Meta Title, Meta Description and Meta Keywords.
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.
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
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.
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
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.
Get direction to a store
Before getting direction to a store, customer can get their location by filling in their address
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.
Click to the Get Directions button to get direction from address on input search box or you location to this store.
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).
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.
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.