Products on the OSM Map for OpenCart 3

Products on map
  • Module version: 1.2.1
  • Last Update: 05/03/2024
  • Module format: ocmod.zip
  • Modification: yes
  • OpenCart: 3.x
  • OcStore: 3.x
  • PHP: 5.6 - 8.x
  • License: Single Domain
  • Author: OpenCartBot
  • Support: yes
  • Products on map - Screenshot 1
  • Products on map - Screenshot 2
  • Products on map - Screenshot 3
  • Products on map - Screenshot 4
  • Products on map - Screenshot 5
  • Products on map - Screenshot 6
  • Products on map - Screenshot 7
  • Products on map - Screenshot 8
  • Products on map - Screenshot 9
  • Products on map - Screenshot 10
quick support
$15.00
Domain for which the extension will be purchased
Available payment methods
Extension Compatibility
  • OpenCart: 3.0.0.0, 3.0.0.2, 3.0.1.0, 3.0.1.1, 3.0.1.2, 3.0.2.0, 3.0.3.0, 3.0.3.1, 3.0.3.2, 3.0.3.3, 3.0.3.4, 3.0.3.5, 3.0.3.6, 3.0.3.7, 3.0.3.8, 3.0.3.9, 3.0.4.0,
DeveloperOfficial OpenCart partnerOpenCart Development Partner
  •  Professional support of the author
  • Lifetime license
  • The license key is provided automatically
  •  Free license key for test domain
  • Extensions can be modified
  • Periodic module updates
  • Free technical support
Special offer

Map of products

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:

  1. Upload the module in the admin panel in the "Extensions" : "Install".
  2. Go to the "Modifications" section and update the cache.
  3. Go to the "Dashboard" section and update the template cache.
  4. Go to the "Extensions" : "Extensions" : "Modules" and enable the module.
  5. Edit module. Enable the status of the module and adjust all its options to your needs and save the settings.
  6. 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".
  7. 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.
  8. Check module operation.
  9. Bingo!

Screenshots of Products on the Map OSM

  • Products on map - Screenshot 1
  • Products on map - Screenshot 2
  • Products on map - Screenshot 3
  • Products on map - Screenshot 4
  • Products on map - Screenshot 5
  • Products on map - Screenshot 6
  • Products on map - Screenshot 7
  • Products on map - Screenshot 8
  • Products on map - Screenshot 9
  • Products on map - Screenshot 10

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.
You must be logged in to view the files!
Write a review
Facebook Google
Note: HTML is not translated!
   Bad      Good

Кирилл 23/11/2021

Карта работает. Все отлично. Советую


More OpenCart Extensions
OpenCart Show pdf invoice on order

$20.00

SEO Pages for OpenCart

$20.00

Add free gifts to order

$20.00

Photo albums OpenCart

$20.00

Menubar module

$15.00

Products by Categories on Home page

$12.00

Product locations on map

$15.00

Read Our Blog