Categories

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

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

Stacy Martin Сентябрь 1, 2015
Rating: 4.5. From 6 votes.
Please wait...

Эта инструкция покажет Вам как изменить местоположение на 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

Темы для OpenCart
Эта запись была размещена в OpenCart туториалы и помечена как google, location, map, opencart. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов

Чат
We help you to choose the right product.