Как вам помочь ?

Гарантированные подарки!

Планируете открыть интернет-магазин? Сейчас самое время!

Добавление карты на страницу "Контакты"

Актуально для версии магазина: 6.0 | 5.0

В данной статье рассмотрим следующие пункты:

Добавление карты Yandex

Для того, чтобы добавить на статическую страницу карту Яндекс, необходимо перейти к конструктору карт Яндекса.

В открывшейся странице в строке поиска:

  1. Наберите необходимый адрес, например, адрес офиса вашего магазина (рис. 1, п.1)
  2. Нажмите на кнопку "Найти" (рис. 1, п.2).
  3. Откроется окно с описанием, необходимо нажать "Готово" (рис. 1, п.3).
  4. Затем в нижнем левом углу нажать на кнопку "Сохранить и проолжить".


Рисунок 1.

Затем Вам нужно получить HTML-код для добавления на Ваш сайт.

В данный момент перед Вами откроется карта, в которой требуется выбрать необходимый участок (рис.2, п.1), затем выбрать вид карты (рис. 2, п. 2), далее нажать на кнопку "Получить код карты" (рис. 2, п.2) и далее скопировать сгенерированный HTML-код карты в буфер обмена (рис. 2, п.4).


Рисунок 2.

Чтобы добавить скопированный код на страницу "Контакты", Вам нужно перейти в административную часть интернет-магазина.

В меню выбрать "CMS", затем "Статические страницы". Откроется список статических страниц вашего интернет-магазина, выберите страницу "Контакты" и перейдите в режим редактирования страницы (нажмите на знак карандаша напротив названия нужной страницы).

Откроется окно редактирования.

Вам нужно перейти в режим "Источник" (редактирование страницы в формате HTML) (рис. 3).


Рисунок 3.

Вставьте скопированный код с yandex, в текст страницы и нажмите кнопку "Сохранить" (рис. 3).

Готово. Карта добавлена. 

Добавление карты Google

Для того, чтобы добавить на статическую страницу карту Google Maps, необходимо перейти на страницу с адресом maps.google.ru

Далее вводим в поиск нужный адрес (рис.4).


Рисунок 4.

Нажимаем кнопку "Поделиться"(рис.5).


Рисунок 5.

Жмем на ссылку "Код" (рис.6).


Рисунок 6.

Копируем код из поля(рис.7).


Рисунок 7.

Чтобы добавить скопированный код на страницу "Контакты", вам нужно перейти в административную часть интернет-магазина.

В меню выбрать "CMS", затем "Статические страницы". Откроется список статических страниц вашего интернет-магазина, выберите страницу "Контакты" и перейдите в режим редактирования страницы (нажмите знак "карандаш" напротив названия нужной страницы).

Откроется окно редактирования.

Вам нужно перейти в режим "Источник" (редактирование страницы в формате HTML) (рис.8).


Рисунок 8.

Вставьте скопированный код с Google, в текст страницы и нажмите кнопку "Сохранить" (рис.8).

Готово. Карта добавлена. 

Не отображается карта

Бывают случаи, когда вы добавили карту, но она не отображается в клиентской части, это выглядит как на рис. 9


Рисунок 9.

Это означает, что у вас включено In-place редактирование, т.е. включен визуальный редактор для клиентской части магазина (подробнее о редакторе тут)

Отключить In-place редактирование можно двумя способами:

1 способ

В нижней панели сайта в клиенсткой части нажмите на "Вкл/Выкл" в поле "Режим редактирования" (рис.10)


Рисунок 10.

2 способ

Перейдите в панель администрирования, пункт меню "Настройки" -> "Системные настройки" -> "Общие" и отключите галочку в поле "In-place редактирование" (рис.11)


Рисунок 11.

Готово. После отключения "In-place редактирования" карта должна отобразится, если этого не произошло, значит причина может быть другой, перепроверьте верно ли осуществили настройки описанные выше.

Другие статьи по теме

Открыть онлайн чат? Открыть
Статья оказалась полезной? Да Нет
Благодарим за отзыв.

Как мы можем улучшить статью?

Не нашли нужную статью? Предложить тему

Не нашли нужную статью?

Благодарим за отзыв.

Тэги: Контакты, карта, yandex, google, карта, яндекс, гугл