Карты Яндекс (Yandex) или Гугл (Google) можно вставить в Joomla несколькими способами:

1. во фрейме в материал, скопировав ссылку с карты.
2. при помощи дополнительных плагинов или модулей Joomla.

Однако оба эти способа не совсем удобны:

• первый способ доступен только web-мастеру, т.к. при пересохранении материала пользователем со стандартным визуальным редактором все карты удаляться. Т.е. для пользователя придеться отключать визуальный редактор.
• второй способ не всегда применим, если требуется разместить несколько карт.

Стандартный компонент Joomla com_contact также не позволяет вывести карты Яндекс (Yandex) или Гугл (Google) на страницах контактов.

В этом посте мы расскажем как прикрутить карты Yandex или Google к компоненту com_contact Joomla 1.5 чтобы иметь возможность для каждого контакта показывать карту.

В нашем случае реализация будет следующей:

• в расширенных настройках контакта компонента com_contact Joomla 1.5 мы создадим три дополнительных пункта настройки, которые будут отображаться справа в расширенных параметрах: ссылка на карту, ширина и высота фрейма.
• в шаблоне контакта пропишем вывод фрейма под изображением контакта.

Вставляем карту Яндекс (Yandex) или Гугл (Google) в контакты компонента com_contact Joomla 1.5

Итак, приступим…

1. обязательно создайте бэкап сайта.

2. все изменения где-нибудь фиксируйте, т.к. при обновлении Joomla изменения могут быть утрачены. Так вам будет удобнее восстановить изменения.

3. создаем три дополнительных пункта настройки контакта. Для этого редактируем файл /administrator/components/com_contact/contact_items.xml.

Между строками:

<param name="icon_misc" type="imagelist" directory="/images/M_images" hide_none="1" default="" label="Misc Icon" description="Icon for the Misc info" />
</params>

Вставляем строки:

<param name="map" type="textarea" default="" label="LINK TO MAP" rows="3" cols="30" description="LINK TO MAP DESC" />
<param name="frame_width" type="text" default="425" label="FRAME WIDTH" size="5" description="FRAME WIDTH DESC" />
<param name="frame_height" type="text" default="350" label="FRAME HEIGHT" size="5" description="FRAME HEIGHT DESC" />

4. В языковом файле /administrator/language/[язык]/[язык].com_contact.ini создаем шесть языковых переменных.

Добавляем строки в конец файла:

LINK TO MAP=Ссылка на карту
LINK TO MAP DESC=Скопируйте и вставьте в поле ссылку на карту из Яндекса или Гугла
FRAME WIDTH=Ширина
FRAME WIDTH DESC=Укажите ширину фрейма с картой
FRAME HEIGHT=Высота
FRAME HEIGHT DESC=Укажите высоту фрейма с картой

5. Копируем все содержимое из папки /components/com_contact/views/contact/tmpl в папку /templates/[шаблон]/html/com_contact/contact/

6. В нужное место файла шаблона контакта /templates/[шаблон]/html/com_contact/contact/default.php вставляем код вывода карты:

<?php if ($this->contact->params->get('map')) : ?>
<iframe width="<?php echo $this->contact->params->get('frame_width'); ?>" height="<?php echo $this->contact->params->get('frame_height'); ?>" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="/<?php echo $this->contact->params->get('map'); ?>"></iframe>
<?php endif; ?>

7. Сохраняем все файлы на хосте.

8. Тестируем наши изменения. Для этого:

1. Заходим в админку сайта с паролем администратора;
2. Переходим в “Компоненты / Контакты / Контакты” и создаем новый контакт или редактируем существующий;
3. В панели редактирования контакта переходим на закладку справа “Расширенные параметры” и заполняем поля “Ссылка на карту”, “Ширина”, “Высота”;
4. Сохраняем контакт и проверяем отображение карты.

Joomla