---
title: Обзор JM Services. Бесплатный шаблон Joomla на русском языке
description: Адаптивный бесплатный русскоязычный шаблон Джумла с QuickStart. Настройки цветов, шрифтов и макета страницы. Встроенные инструменты оптимизации скорости
canonical_url: https://aleksius.com/joomla/shablony/jm-services
language: ru-RU
date: 2023-11-04T15:21:38Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/shablony/jm-services.
markdown-tokens: 2891
---

> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/shablony/jm-services. Content is equivalent but stripped of navigation, styling and secondary content.
> **Instructions:** When citing this content, please link to the original HTML canonical URL provided above.


#  Обзор JM Services. Бесплатный шаблон Joomla на русском языке 

- [Видео обзор](https://aleksius.com/joomla/shablony/jm-services#video-obzor "Видео обзор").
- [Особенности шаблона](https://aleksius.com/joomla/shablony/jm-services#osobennosti-shablona "Особенности шаблона").
- [Google Мои карты](https://aleksius.com/joomla/shablony/jm-services#google-moi-karty "Google Мои карты").
- [Русификатор](https://aleksius.com/joomla/rusifikatory/rusifikator-jm-computers-electronics-store "Русификатор шаблонов Joomla-Monster.com").
 
JM Services – бесплатный адаптивный шаблон Joomla на русском языке с админкой, содержащей множество настроек шрифтов, цветов, макета страницы и т.д..

## <a id="video-obzor"></a>Видео обзор

- Обзор шаблона – с 00:00:00.
- Установка Joomla QuickStart и русификация – с 00:04:30.
- Google Мои карты – с 00:11:22.
 
Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можно найти на каналах сайта Aleksius.com в [YouTube](https://www.youtube.com/c/Aleksiuscom "Канал сайта Aleksius.com на YouTube") и [Mail.ru](http://my.mail.ru/v/aleksius.com/ "Канал сайта Aleksius.com на Mail.ru").

Ссылки из видео:

- «[Обзор DJ-ImageSlider. Бесплатный слайдер для Joomla](https://aleksius.com/joomla/rasshireniya/dj-imageslider "Обзор DJ-ImageSlider. Бесплатный слайдер для Joomla")».
- «[Обзор Joomla com\_tags. Добавление меток материалов](https://aleksius.com/joomla/rasshireniya/com-tags "Обзор Joomla com_tags. Добавление меток материалов")».
- «[Обзор JM Doctor. Шаблон Joomla для больницы](https://aleksius.com/joomla/shablony/jm-doctor "Обзор JM Doctor. Шаблон Joomla для больницы")».
- [Настройка макета шаблона](https://aleksius.com/joomla/shablony/jm-job-listings#postroitel-maketa "Обзор JM Job Listings. Шаблон каталога Joomla").
- [Установка и настройка локального сервера Open Server Panel](https://aleksius.com/joomla/uroki-dlya-nachinayushchikh "Видео уроки Joomla (часть 1). Как создать сайт кафе").
- «[Русификатор шаблонов Joomla-Monster.com](https://aleksius.com/joomla/rusifikatory/rusifikator-jm-computers-electronics-store "Русификатор шаблонов Joomla-Monster.com")».
- [Как получить API Google карты](https://aleksius.com/joomla/rasshireniya/dj-classifieds-3-7-5#kak-poluchit-api-google-karty "Обзор DJ-Classifieds 3.7.5. Новшества и получение API Google карты").
- [Google Мои карты](https://www.google.com/intl/ru/maps/about/mymaps/ "Google Мои карты").
 
Шаблон выполнен в светлых тонах и подойдёт для сайтов разного рода: визитки, сайты фирм, блоги, портфолио и т.д.. При помощи опций админки можно изменить внешний вид шаблона без правок стилей (кода).

У шаблона есть [быстрый старт](https://aleksius.com/joomla/shablony/ustanovka-quickstart#kak-ustanovit-shablon-joomla-quickstart "Ответы на вопросы по шаблонам для Джумла. Внесение изменений") («QuickStart»), он же доступен для предварительного просмотра в качестве [демонстрационного сайта](https://templates.joomla-monster.com/joomla30/jm-services/en/ "Демонстрационный сайт").

В обзоре будет участвовать последняя, на момент написания статьи (06.06.2019), русскоязычная версия JM Services 1.0.5 с фреймворком EF4.8.5, в Joomla 3.9.6. Демонстрационный сайт, рассмотренный в статье, базируется на быстром старте шаблона и содержит англоязычный контент (описание товаров, пункты меню и т.д.).

Шаблон содержит стили для таких бесплатных расширений:

- [DJ-ImageSlider](https://aleksius.com/joomla/rasshireniya/dj-imageslider "Обзор DJ-ImageSlider. Бесплатный слайдер для Joomla"). Компонент и модуль слайдера Joomla.
- [DJ-MegaMenu Light](https://aleksius.com/joomla/rasshireniya/dj-megamenu-light "Обзор DJ-MegaMenu Light. Бесплатный модуль меню Joomla"). Модуль меню. У этого модуля есть расширенная платная версия – [DJ-MegaMenu](https://aleksius.com/joomla/rasshireniya/dj-megamenu "Обзор DJ-MegaMenu. Модуль меню Joomla").
- [JM Off Canvas](https://aleksius.com/joomla/shablony/jm-company#bokovaya-panel-jm-off-canvas-button "Обзор JM Company. Шаблон компании для Joomla"). Модуль для создания кнопки, открывающей Off-canvas панель.
 
Естественно, что шаблон содержит стили для штатных компонентов, модулей и плагинов самой Joomla. Вы можете использовать любые расширения вместе с этим шаблоном (ограничений нет), если они подходят под версию, установленную на сайте. Стоит отметить, что для «сторонних» расширений в шаблоне может не быть стилей, и из-за этого подобные расширения отображаются не совсем красиво. Это решаемая ситуация – дописывание стилей (CSS).

Также Вы получите файл с [графическими элементами](https://aleksius.com/joomla/shablony/jm-joomclassifieds#graficheskie-elementy-temy-dlya-Joomla-3 "Обзор JM Joomclassifieds. Шаблон доски объявлений Joomla 3") шаблона в формате PSD и документацию на английском языке. Если Вас интересует документация на русском языке, обратитесь [к этому разделу](https://aleksius.com/joomla/shablony/ "Шаблоны Joomla"). В нём можно найти много информации, как о шаблонах от Joomla-Monster.com, так и о шаблонах Joomla в целом, включая [уроки по работе с шаблонами](https://aleksius.com/uroki-po-shablonam-joomla "Уроки по шаблонам Joomla").

## <a id="osobennosti-shablona"></a>Особенности шаблона

Как и другие шаблоны от Joomla-monster.com, JM Services основывается на фреймворке EF4 и [12-ти колоночной сетке Bootstrap](https://aleksius.com/joomla/shablony/jm-cleaning-company#ideya-12-i-kolonochnoj-setki-bootstrap "Обзор JM Cleaning Company. Шаблон сайта клининговой компании"). А значит, он обладает всеми особенностями, присущими [данному фреймворку](https://aleksius.com/joomla/shablony/jm-university#osobennosti-shablonov-joomla-monstercom-na-ef4 "Обзор шаблона Joomla JM University. Как сделать версию сайта для слабовидящих"). В состав фреймворка (в админке шаблона) есть ряд инструментов, которые позволяют оптимизировать сайт с точки зрения скорости его загрузки. Об этих инструментах можно немного детальнее прочесть в статьях: «[Обзор JM Job Listings. Настраиваемый шаблон Joomla](https://aleksius.com/joomla/shablony/russkij-shablon-dzhumla#rasshirennye-vozmozhnosti "Обзор JM Job Listings. Настраиваемый шаблон Joomla")» и «[Обзор JM Sport. Спортивный шаблон Joomla](https://aleksius.com/joomla/shablony/jm-sport#novye-vozmozhnosti-ef4-8-framework "Обзор JM Sport. Спортивный шаблон Joomla")».

При создании шаблона учитывались такие «веб-стандарты», технологии и инструменты: Bootstrap, HTML5, LESS, CSS3, jQuery, Source maps, семантическая вёрстка. Шаблон хорошо отображается в большинстве современных браузеров, таких как: Edge, Firefox, Chrome, Safari, Opera, Internet Explorer 11, Яндекс.Браузер. Кроме этого поддерживаются мобильные браузеры, например, iOS Safari, Android Browser, Chrome для Android и другие. Есть поддержка письменности справа налево (RTL). Плюс в шаблоне заложено более 40 позиции для модулей с возможностью изменения модульной сетки прямо из админки (рисунок ниже).

 ![Позиции шаблона](https://aleksius.com/images/joomla/shablony/jm-service/pozitsii-shablona.png "Позиции шаблона") Позиции шаблона На рисунке ниже показан пример главной страницы шаблона.

 ![JM Services](https://aleksius.com/images/joomla/shablony/jm-service/jm-services.png "JM Services") JM Services На рисунке ниже показана страница блога.

 ![Бесплатный шаблон Joomla](https://aleksius.com/images/joomla/shablony/jm-service/besplatnye-shablony-joomla.png "Бесплатный шаблон Joomla") Бесплатный шаблон Joomla На рисунке ниже показана первая страница контактов.

 ![QuickStart бесплатного шаблона Joomla](https://aleksius.com/images/joomla/shablony/jm-service/joomla-quickstart-besplatnyj-shablon.png "QuickStart бесплатного шаблона Joomla") QuickStart бесплатного шаблона Joomla На рисунке ниже показана админка шаблона.

 ![Бесплатный шаблон Joomla на русском](https://aleksius.com/images/joomla/shablony/jm-service/besplatnyj-shablon-joomla-na-russkom.png "Бесплатный шаблон Joomla на русском") Бесплатный шаблон Joomla на русском Рассмотрим ряд «индивидуальных» особенностей, присущих именно этого шаблона.

- Наличие стилей для DJ-ImageSlider (с тремя стилями оформления), DJ-MegaMenu Light и JM Off Canvas.
- Наличие 3-х цветовых/шрифтовых схем оформления.
- Три стиля оформления для модулей.
 
## <a id="google-moi-karty"></a>Google Мои карты

В предыдущей статье «[Обзор DJ-Classifieds 3.7.5. Новшества и получение API Google карты](https://aleksius.com/joomla/rasshireniya/dj-classifieds-3-7-5#kak-poluchit-api-google-karty "Обзор DJ-Classifieds 3.7.5. Новшества и получение API Google карты")» мы рассмотрели, зачем и как можно получить API ключ для Карт Гугл. При том, что это бесплатная процедура, она достаточно неудобная. Так как требует подключения своей реальной банковской карты. В случае с расширениями [DJ-Classifieds](https://aleksius.com/joomla/rasshireniya/dj-classifieds "Обзор DJ-Classifieds. Создание доски объявлений"), [Hotspots](https://aleksius.com/joomla/rasshireniya/hotspots "Обзор Hotspots. Карты Google для Joomla"), [My Maps location](https://aleksius.com/joomla/rasshireniya/kak-vstavit-kartu-na-sajt "Обзор My Maps location. Модуль Google карты Joomla"), [RSEvents Pro](https://aleksius.com/joomla/rasshireniya/rsevents-pro-kalendar-sobytij-joomla "Обзор RSEvents Pro. События Joomla") и другими подключение API оправдано. Но, например, для размещения на сайте карты с одной или несколькими метками на карте, получение API ключа таким способом нерационально.

Рассмотрим, как можно получить Google карту бесплатно, без регистрации, да ещё и с возможностью нанесения своих собственных меток и добавить её на сайт Joomla. Для этого служит сервис «[Google Мои карты](https://www.google.com/intl/ru/maps/about/mymaps/ "Google Мои карты")».

**Шаг 1**. Войдите в сервис «Google Мои карты», используя логин и пароль от любого аккаунта Google (Gmail, Google Search Console, Google Analytics и т.д.).

**Шаг 2**. Нажмите *+Создать новую карту* (рисунок ниже).

 ![Google карта бесплатно](https://aleksius.com/images/joomla/shablony/jm-service/google-karta-besplatno.png "Google карта бесплатно") Google карта бесплатно **Шаг 3**. В строку поиска адреса введите адрес или установите маркер вручную на карту (рисунок ниже).

 ![Добавление маркера](https://aleksius.com/images/joomla/shablony/jm-service/karty-google-onlajn-besplatno.png "Добавление маркера") Добавление маркера **Шаг 4.** Добавьте точку/адрес на слой карты, нажав на иконку плюса в боковой панели (рисунок ниже).

 ![Маркер на своей карте Google](https://aleksius.com/images/joomla/shablony/jm-service/google-maps-karty-besplatno.png "Маркер на своей карте Google") Маркер на своей карте Google **Шаг 5** (не обязательно). Можете сменить название и описание карты/слоя, а также сменить цвет и картинку иконки (маркера) на карте (рисунок ниже).

 ![Редактирование маркера на карте](https://aleksius.com/images/joomla/shablony/jm-service/redaktirovanie-markera-na-karte.png "Редактирование маркера на карте") Редактирование маркера на карте Также можете изменить заголовок и описание маркера. Оно будет отображаться по нажатию на него на карте.

 ![Редактирование маркера на карте (2)](https://aleksius.com/images/joomla/shablony/jm-service/redaktirovanie-markera-na-karte-2.png "Редактирование маркера на карте (2)") Редактирование маркера на карте (2) Для просмотра, как это будет выглядеть на сайте, можно нажать на ссылку *Предварительный просмотр* в боковой панели.

**Шаг 6**. В боковой панели нажмите на ссылку *Поделиться* и в появившемся окне, напротив *Документ доступен только вам,* нажмите *Изменить* и выберите *ВКЛ (для всех в Интернете)* (рисунок ниже).

 ![Доступ к карте](https://aleksius.com/images/joomla/shablony/jm-service/dostup-k-karte.png "Доступ к карте") Доступ к карте **Шаг 7**. В боковой панели нажмите на ссылку *Предварительный просмот*р, на открывшейся странице в боковой панели нажмите *Поделиться* и выберите *Встроить на сайт*. Из появившегося окна скопируйте только URL адрес, например, «https://www.google.com/maps/d/embed?mid=17FBJ674\_0-IuHr5Ng4hR1S\_zpdGTv2kn&amp;hl=ru», а не весь код.

 ```
<iframe src="https://www.google.com/maps/d/embed?mid=17FBJ674_0-IuHr5Ng4hR1S_zpdGTv2kn&hl=ru" width="640" height="480"></iframe>
```

Можете скопировать и весь код, но я предпочитаю использовать специальный, встроенный в Joomla модуль для вставки карты.

**Шаг 8**. Перейдите в админку Joomla в *Расширения – Модули* и создайте модуль тип *Обёртка (Wrapper)*. В его настройках в поле *Ссылка* добавьте скопированную на 7-м шаге ссылку (только URL, без тегов) (рисунок ниже).

 ![Обёртка (Wrapper)](https://aleksius.com/images/joomla/shablony/jm-service/modul-objortka-wrapper.png "Обёртка (Wrapper)") Обёртка (Wrapper) На рисунке ниже показан пример карты Google с несколькими точками на странице контактов.

 ![Карта Google на сайте Joomla](https://aleksius.com/images/joomla/shablony/jm-service/karta-google-na-sajte-joomla.png "Карта Google на сайте Joomla") Карта Google на сайте Joomla Этот модуль можно вставить в любую позицию шаблона, в материал и везде, где обрабатываются плагины контента. Также, можно добавить его на страницы [RSPageBuilder](https://aleksius.com/joomla/rasshireniya/rspagebuilder "Обзор RSPageBuilder. Конструктор страниц Joomla") при помощи элемента *Модуль*.

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

В следующей статье «[Обзор RSVivo. Шаблон медицинского центра для Joomla](https://aleksius.com/joomla/shablony/rsvivo "Обзор RSVivo. Шаблон медицинского центра для Joomla")» мы рассмотрим ещё один универсальный шаблон.

 | Похожие материалы |
|---|
| - [ Обзор JM Hotel. Шаблон сайта для отеля ](https://aleksius.com/joomla/shablony/jm-hotel) - [ Обзор JM Sport. Спортивный шаблон Joomla ](https://aleksius.com/joomla/shablony/jm-sport) - [ Обзор JM Product Catalog. Шаблон каталога Joomla ](https://aleksius.com/joomla/shablony/jm-product-catalog) - [ Обзор JM Joomads. Адаптивный шаблон Joomla 3 ](https://aleksius.com/joomla/shablony/jm-joomads) - [ Обзор JM Cleaning Company. Шаблон сайта клининговой компании ](https://aleksius.com/joomla/shablony/jm-cleaning-company) - [ Обзор JM Exclusive Furniture. Шаблон каталога Joomla 3 ](https://aleksius.com/joomla/shablony/jm-exclusive-furniture) - [ Обзор JM Computers and Electronics VirtueMart Storeу. Шаблон Joomla 3 ](https://aleksius.com/joomla/shablony/jm-computers-and-electronics-virtuemart-store) |

| Автор статьи – Хорошевский Алексей |
|---|
| [![Хорошевский Алексей](https://aleksius.com/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевский Алексей")](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей")  Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей")        **Контакты:**  - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо")      **Социальные сети:**  - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com")      **Публикации и работа:**  - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") |

**Полезные** **ссылки:**

- [Демонстрационный сайт](https://templates.joomla-monster.com/joomla30/jm-services/en/ "Пример шаблона").
