Featured templates

OpenCart 1.5.x. How to manage Google Map location

Sarah Vaynbaum September 30, 2014
Rating: 5.0. From 1 vote.
Please wait...

Today we are glad to present a tutorial that shows how to change the map location in Opencart contact us page.

OpenCart. How to manage Google Map location

  1. To edit the map location, we should edit contact us page file.

  2. Please connect to your FTP account using any FTP manager or FileManager within your hosting control panel and navigate to /catalog/view/theme/themeXXX/template/information folder.

  3. Edit contact.tpl file using any PHP or HTML editor.

  4. Search for the line which looks similar to the following one:

    <iframe width="385" height="243" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src=" >
  5. The code we are interested in ends with </iframe>.

  6. Go to to generate a new map.

  7. Locate the place you would like to display on the map and click Share and embed map button to receive a new link.


  8. Check map size in contact.tpl file (check <iframe width=”100%″ height=”200px″) and set exactly the same size for your new map.


  9. Copy this HTML code starting with <iframe … and ending with </iframe>.

  10. Now you should remove the old code and insert your new one in contact.tpl. Save the changes and upload file back to /catalog/view/theme/themeXXX/template/information folder.

  11. Reload the page and you will see the changes applied. Wish you good luck!

Feel free to check the detailed video tutorial below:

OpenCart. How to manage Google Map location

OpenCart Website Templates
This entry was posted in OpenCart Tutorials and tagged change, google map, location, map, opencart. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Live Chat
We help you to choose the right product.