{"id":53192,"date":"2015-09-01T04:05:42","date_gmt":"2015-09-01T08:05:42","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=53192"},"modified":"2016-02-17T05:25:58","modified_gmt":"2016-02-17T10:25:58","slug":"opencart-2-x-how-to-manage-google-map-in-templates-53552-53398-53325-53279-53122-53499","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/opencart-2-x-how-to-manage-google-map-in-templates-53552-53398-53325-53279-53122-53499.html","title":{"rendered":"OpenCart 2.x. How to manage Google map in templates 53552, 53398, 53325, 53279, 53122, 53499"},"content":{"rendered":"

\r\n

This tutorial shows how to edit Google map<\/strong> location in OpenCart 2.x templates <\/strong> 53552, 53398, 53325, 53279, 53122, 53499.<\/p>\r\n

OpenCart 2.x. How to manage Google map in templates 53552, 53398, 53325, 53279, 53122, 53499<\/a><\/p>\r\n

In order to update Google Map<\/strong> location on the site, you should perform the following steps:<\/p>\r\n

    \r\n
  1. \r\n

    Open https:\/\/www.google.com\/maps\/<\/a> in your browser and insert your address into the Search bar<\/strong> and click the Search<\/strong> button:<\/p>\r\n

    \"OpenCart<\/a>\r\n<\/li>\r\n

  2. \r\n

    When search is complete, right click the location and select What’s here?<\/strong> in the drop-down menu. The popup box with coordinates will appear:<\/p>\r\n

    \"OpenCart<\/a>\r\n<\/li>\r\n

  3. \r\n

    Click coordinates in the popup box, now you can see the Y and X<\/strong> values in the search bar. Let’s insert them into the map.<\/p>\r\n<\/li>\r\n

  4. \r\n

    Navigate to OpenCart admin panel – Modules – HTML Content > gmap<\/strong>. Module can also be called “HTML Content > contacts”. Click the Source code<\/strong> button in the editor. In Code View<\/strong> window, you’ll see the map marker<\/strong> coordinates:<\/p>\r\n

    \r\n\t<div id="google-map" class="map_model"><\/div>\r\n    <ul class="map_locations">\r\n    <li data-x="-73.9874068" data-y="40.643180">\r\n    <\/pre>\r\n<\/li>\r\n
  5. \r\n
    Replace Y and X values<\/strong> with new coordinates. Please note that the first parameter in Google Map<\/strong> search results stands for Y and the second one is for X:<\/p>\r\n
    \"OpenCart<\/a>\r\n  <\/li>\r\n
  6. \r\n
    When new coordinates are inserted, add them to the map div tags as well:<\/p>\r\n
    <div id="google-map" class="map_model"><\/div><\/pre>\r\n
    Line with new coordinates will look like the following:<\/p>\r\n
    <div id="google-map" class="map_model" data-x="-118.322144" data-y="34.091050"><\/div><\/pre>\r\n
    \"OpenCart<\/a>\r\n  <\/li>\r\n
  7. \r\n
    Save changes in the module and refresh front-end with Ctrl\/Cmd+F5 to see changes.<\/p>\r\n<\/ol>\r\n
    Feel free to check the detailed video tutorial below:<\/p>\r\n
    OpenCart 2.x. How to manage Google map in templates 53552, 53398, 53325, 53279, 53122, 53499<\/a><\/p>\r\n
    <\/p>","protected":false},"excerpt":{"rendered":"
    This tutorial shows how to edit Google map<\/strong> location in OpenCart 2.x templates <\/strong> 53552, 53398, 53325, 53279, 53122, 53499.<\/p>\n","protected":false},"author":65,"featured_media":53202,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[1156],"tags":[929,801,1113,1157],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/53192"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/65"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=53192"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/53192\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/53202"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=53192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=53192"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=53192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}