Этой небольшой статьей я хочу открыть на блоге новую рубрику. Здесь я буду писать о сторонних сервисах, которые позволяют решать задачи, для которых в Joomla либо совсем нет готовых расширений, либо они есть, но решают задачу не полностью.
Также отдельно стоит выделить случай, когда расширения есть, но без них вполне можно обойтись, работая с API сервиса напрямую. Об этом и пойдет речь в этой статье.
Вставка карты с адресом магазина на сайт - это задача, которую решают практически все владельцы интернет-магазинов. Для Joomla существуют несколько готовых расширений (1, 2, 3). Все хорошо, все работает, но каждый модуль добавляет свой копирайт и имеет дополнительный функционал, который фактически не используется.
На мой взгляд, гораздо проще использовать первоисточник, а именно конструктор карт от самого Яндекса.
Создать новую карту очень просто. После нажатия на кнопку Создать новую карту откроется окно, в котором можно добавить на карту адреса магазинов.
Чтобы рядом с меткой выводить название выбираем тип С подписью.
Сохраняем результат и на следующем шаге задаем настройки размеров. Чтобы ширина карты подстраивалась под размер экрана устройства активируем опцию Растянуть по ширине.
Нажимаем кнопку Получить код карты и копируем код для вставки на сайт.
Данный код можно вставить в материал, модуль и просто в исходный код шаблона.
Немного подробнее про вставку кода в материал. Например, необходимо добавить карту на страницу с контактной информацией магазина.
Если на сайте используется тестовый редактор JCE, то с настройками по умолчанию он не позволяет вставлять в материал javascript код. Исправить ситуацию поможет опция Разрешить Javascrip в Компоненты > Редактор JCE > Профили редактора > Default > Параметры редактора > Расширенные.
После этого на странице редактирования материала нажимаем кнопку для просмотра исходного кода и вставляем наш скрипт.
Для вывода карты в модуле просто создаем модуль с типом HTML-код и аналогично вставляем код карты.
Все очень просто и нет никакой необходимости в установке сторонних расширений.
yrygvay
Отлично! так держать. Конечно сложно всё время про VM писать.
admin
Спасибо!
Полностью от vm уходить не буду, все сервисы так или иначе могут быть полезны при разработке магазинов.
Александр
Есть очень хороший компонент для добавления Яндекс карт - zh yandexmap
admin
Зашел на оф. сайт, карта не показывается.
Александр
попробуйте установить! Компонент действительно хорош, множество настроек и возможностей работы с картой прямо в админке, обновления выходят регулярно. У этого же разработчика кстати есть компонент и для гугл карт. Копирайт кстати отключается в настройках;)
Jimichasp
Владимир, яндекс карты это очень круто, заметно повышается доверие, когда помимо карты, выкладываем подробное фото офиса/точки, но еще лучше, когда у пользователя есть возможность посмотреть адрес самовывоза во время заказа. Т.е. человек выбирает пункт самовывоза, а рядом в этой же строке ссылка "посмотреть на карте".
Спасибо за статью!
admin
Согласен.
Рад, что статья оказалась полезной.
pasha526
вот еще бы понять, как сделать, что бы с краю от карты, написать что-нибудь, например адрес или режим работы.
по умолчанию текст идёт либо над картой, либо под картой
admin
Все можно сделать с помощью css
Разместите текст над картой и пришлите ссылку на страницу.
pasha526
http://borodach47.ru/ru/o-nas
admin
Для параграфа с кодом вывода карты добавьте стили
width: 50%;float: left;
pasha526
я его добавляю в код
?
admin
Добавьте любой класс к блоку, в котором выводится карта в редакторе материала. После этого этому классу назначь свойства из предыдущего сообщения.
pasha526
что то не выходит, проверь правильно ли я сделал!?
admin
Код карты должен быть перед текстом.
pasha526
спасибо, сразу не понял