[contact-form-7 id="24085" title="Feedback RU"]

Новые шаблоны

OpenCart 2.x. Как настроить Google карту в шаблонах 53552, 53398, 53325, 53279, 53122, 53499

Эта инструкция покажет Вам как изменить местоположение на Google карте в OpenCart 2.x шаблонах 53552, 53398, 53325, 53279, 53122, 53499.

OpenCart 2.x. How to manage Google map in templates 53552, 53398, 53325, 53279, 53122, 53499

Чтобы настроить местоположение на Google карте Вам следует выполнить следующие шаги:

  1. Откройте https://www.google.com/maps/ в браузере, впишите нужный адрес в строку поиска и нажмите кнопку Поиск:

    OpenCart 2.x. How to manage Google map in templates 53552, 53398, 53325, 53279, 53122, 53499-1

  2. После завершения поиска нажмите правой кнопкой мыши над местоположением и выберите Что здесь? (What’s here?) в появившемся меню. Появится всплывающее окно с координатами:

    OpenCart 2.x. How to manage Google map in templates 53552, 53398, 53325, 53279, 53122, 53499-2

  3. Нажмите на координаты в всплывающем окне, Вы увидите значения Y и X в поисковой строке. Мы вставим их в карту.

  4. В админ панели OpenCart перейдите в Модули — HTML Content > gmap (Modules — HTML Content > gmap). Модуль может также называться «HTML Content > контакты» («HTML Content > contacts»). Нажмите кнопку Исходный код (Source code) в редакторе. В окне Посмотреть код (Code View), Вы увидите координаты маркера на карте:

    	<div id="google-map" class="map_model"></div>
        <ul class="map_locations">
        <li data-x="-73.9874068" data-y="40.643180">
        
  5. Замените значения Y и X новыми координатами. Помните, что первое значение в результатах поиска на Google карте соответствует Y второе — X:

    OpenCart 2.x. How to manage Google map in templates 53552, 53398, 53325, 53279, 53122, 53499-3

  6. После того как новые координаты вписаны, добавьте к карте также теги div:

    <div id="google-map" class="map_model"></div>

    Строка с новыми координатами будет выглядеть следующим образом:

    <div id="google-map" class="map_model" data-x="-118.322144" data-y="34.091050"></div>

    OpenCart 2.x. How to manage Google map in templates 53552, 53398, 53325, 53279, 53122, 53499-4

  7. Сохраните изменения в модуле и обновите страницу Вашего сайта используя горячие клавиши Ctrl/Cmd+F5, чтобы увидеть изменения.

Вы можете также посмотреть детальную видео инструкцию ниже:

OpenCart 2.x. Как настроить Google карту в шаблонах 53552, 53398, 53325, 53279, 53122, 53499