Extension for positioning products on the map for OpenCart 3.0. This extension allows you to indicate the location of the product on the map and display a map with the location on the product page. You can also display a general map with all products on any page of the site.
The main advantage of this module is that you do not need to register and receive API keys for the maps to work, therefore this extension uses OpenStreetMap maps - this is an open-source project and at the same time one of the most popular cartographic products in the world. To add maps to your site, you just need to install the module and add the location for the products.
The module adds a new tab "Location" to the product editing form, in this tab on the map you can select the location of the product in interactive mode. Alternatively, you can manually register the coordinates of the point and the scale of the map for the product.
The module can be used on websites selling or renting real estate, booking hotels or tours (such as booking.com). Displaying offers on the map will help orient your customers in the location on the ground and provide short information about the product right on the map when you hover the cursor over the marker, and when you click on the point, you can go to the product and buy or book it. When you hover the mouse over the placemark on the map, a tooltip (balloon) with product data: name, price and image will be displayed.
Key features of the Products on the Map (OpenStreetMap) module for OpenCart 3:
individual map of the location of product on the product page (5 positions for displaying the map in the product page)
general map with products on any page
multilingual title for the map
pop-up information about the product when hovering over the marker on the map
link to the product page when clicking on the label on the map
30 options for marker-mark icons (if necessary, you can easily replace them with your own icons)
customizable center and scale of the general product map
adaptive or fixed map width, customizable map height
on / off scaling the map with the mouse wheel
custom css-styles
Positions for showing map in the product page:
map in a separate tab
call button and popup-window with a map
map before product description (before tabs)
map after product description
map at the bottom of the product page, full width
disabling the map output in the product
Module installation instructions:
Upload the module in the admin panel in the "Extensions" : "Install".
Go to the "Modifications" section and update the cache.
Go to the "Dashboard" section and update the template cache.
Go to the "Extensions" : "Extensions" : "Modules" and enable the module.
Edit module. Enable the status of the module and adjust all its options to your needs and save the settings.
Go to the product editing form, in the "Location" tab, select a point on the map and set the coordinates, save. The map on the product page will be displayed automatically if the product coordinates are set and the status is "enabled".
If you need to display a general map with products on any page, go to the Design: Layouts section, edit the desired layout and add a module there to one of the positions.
Check module operation.
Bingo!
Screenshots of Products on the Map OSM
Changelog Products on the Map OSM
v1.2.1 (05/03/2024) - Update
- Map of products in the category (when adding a map to the category page, only category products will be there)
- Option "Open link" (In the same window / In a new window)
v1.2.0 (23/01/2023) - Problem with the function resize() is solved
v1.1 (17/01/2023) - Updated to OpenLayers v7.2.2
v1.0 (07/09/2021) - Marker icons have been updated and resized.
We decided to provide you with the opportunity to get some blogs adapted to SEO Pro that our clients have encountered and asked us to make them SEO ad..
In this article, we will tell you how to track store conversions on OpenCart and transfer the value of conversions to Google Analytics (GA4) and Googl..
While everyone is waiting for the release of OpenCart 4.1.0.0, a new release of OpenCart "old" branch 3.0.x.x with version number 3.0.4.0 has been rel..
This website uses cookies 🍪 to provide you with the convenience of working with its functions, based on the Privacy Policy