---
title: Обзор JM Modern Store. Шаблон магазина VirtueMart 3
description: JM Modern Store – шаблоны Joomla 3 для VirtueMart 3 на русском языке. Адаптивный дизайн, CSS3, HTML5, Bootstrap, LESS
canonical_url: https://aleksius.com/joomla/shablony/jm-modern-virtuemart-store
language: ru-RU
date: 2022-08-28T16:50:36Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/shablony/jm-modern-virtuemart-store.
markdown-tokens: 2816
---
> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/shablony/jm-modern-virtuemart-store. 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 Modern Store. Шаблон магазина VirtueMart 3
- Тип – шаблон интернет-магазина.
- [Особенности JM Modern Store](https://aleksius.com/joomla/shablony/jm-modern-virtuemart-store#osobennosti-jm-modern-store "Особенности JM Modern Store").
- [Настройки шаблона](https://aleksius.com/joomla/shablony/jm-modern-virtuemart-store#nastrojki-shablona "Настройки шаблона").
- [Основные настройки](https://aleksius.com/joomla/shablony/jm-modern-virtuemart-store#osnovnye-nastrojki "Основные настройки").
- [Макет шаблона](https://aleksius.com/joomla/shablony/jm-modern-virtuemart-store#maket-shablona "Макет шаблона").
- [Русификатор](https://aleksius.com/joomla/rusifikatory/rusifikator-jm-computers-electronics-store "Русификатор шаблонов Joomla-Monster.com").
JM Modern Store – это адаптивный шаблон Joomla 3 VirtueMart 3 на русском языке для создания интернет-магазинов. Он универсальный, подойдёт для создания магазина любой тематики, но на [демонстрационном сайте разработчика](https://templates.joomla-monster.com/joomla30/jm-modern-store/en/ "Демонстрационный сайт JM Modern VirtueMart Store ") показан пример интернет-магазина одежды. Шаблон от команды разработчиков Joomla-Monster.com и базируется на собственном фреймворке EF3.
Шаблон разработан на базе таких «технологий»: HTML5, Bootstrap 2.2.1, LESS, CSS3, jQuery, семантическая вёрстка. Шаблон хорошо отображается в большинстве современных браузеров, таких как: Edge, Firefox, Chrome, Safari, Opera, Internet Explorer 11, Яндекс.Браузер. Плюс, поддерживаются мобильные браузеры: iOS Safari, Android Browser, Chrome для Android и другие. Также он поддерживает языковой режим RTL (письменность справа налево). В шаблоне есть три сбалансированные цветовые схемы, поддерживается применение шрифтов Google (в том числе кириллические). Есть 17 позиций модулей.
Кроме этого разработчики шаблона предусмотрели различные стили ([CSS суффиксы модулей](https://aleksius.com/joomla/shablony/jm-joomads#suffiksy-modulej-joomla "Обзор JM Joomads. Адаптивный шаблон Joomla 3")) для создания модулей, направленные именно на специфику сайтов интернет-магазинов. Вот [примеры таких модулей](https://templates.joomla-monster.com/joomla30/jm-modern-store/en/ "Демонстрационный сайт JM Modern VirtueMart Store ").
Обзор проводится в последней, на момент написания статьи (13.01.2017), русскоязычной версии JM Modern VirtueMart Store 1.0.6 в Joomla 3.6.5, VirtueMart 3.0.18. Фреймворк EF3.13. Кроме самого шаблона Вы получите лицензию на такие расширения (версии указаны на момент написания статьи):
- [DJ-MediaTools 2.8.0](https://aleksius.com/joomla/rasshireniya/dj-mediatools "Обзор DJ-MediaTools. Слайдер Joomla"). Компонент галереи изображений и видео для Joomla с поддержкой VirtueMart. Это позволит создавать слайдер VirtueMart, галереи с товарами и другое.
- [DJ-MegaMenu 3.4.5](https://aleksius.com/joomla/rasshireniya/dj-megamenu "Обзор DJ-MegaMenu. Модуль меню Joomla"). Компонент (модуль, плагин) меню, мега-меню и мобильного меню со множеством настроек и поддержкой вставки модулей в меню.
- [DJ-VMPageBreak 1.7](https://aleksius.com/joomla/rusifikatory/rusifikator-dj-vmpagebreak "Русификатор DJ-VMPageBreak"). Бесплатный плагин вкладок и аккордеона для контента Joomla и описаний товаров VirtueMart.
Плюс, Вы получите файлы [графических элементов шаблона](https://aleksius.com/joomla/shablony/jm-joomclassifieds#graficheskie-elementy-temy-dlya-joomla-3 "Обзор JM Joomclassifieds. Шаблон доски объявлений Joomla 3") и [быстрый старт («QuickStart»)](https://aleksius.com/joomla/shablony/ustanovka-quickstart#kak-ustanovit-shablon-joomla-quickstart "Ответы на вопросы по шаблонам для Джумла. Внесение изменений").
## Особенности JM Modern Store
К основным особенностям именно JM Computers and Electronics VirtueMart Storeу отнесём следующие:
- Поддержка VirtueMart 3.0.18.
- Наличие стилей для оформления таблицы размеров (рисунок ниже).
Ко всему в шаблоне продумано оформление ещё для ряда важных страниц VirtueMart 3:
- Личный кабинет пользователя, редактирование персональных данных и список покупок.
- Страница продавца (очень актуально для магазинов, где продаются товары нескольких представителей).
- Страница категорий производителей.
- Страница описания производителя.
- Страница условий использования сайта (лицензионное соглашение).
 Таблица размеров Поддержка шаблоном VirtueMart 3 подразумевает продуманное оформление важных страниц интернет-магазина. Приведу несколько таких страниц. На рисунке ниже показана главная страница интернет-магазина.
 JM Modern VirtueMart Store На рисунке ниже показан пример страницы товара.
 Шаблон магазина VirtueMart 3 А вот так может выглядеть страница категории товара (рисунок ниже). Если нужны разъяснения, почему пишу «может выглядеть», читайте статью «[Обзор JM Exclusive Furniture. Шаблон каталога Joomla 3](https://aleksius.com/joomla/shablony/jm-exclusive-furniture#otlichiya-shablona-na-demonstratsionnom-sajte-ot-vashego "Обзор JM Exclusive Furniture. Шаблон каталога Joomla 3")».
 Шаблон Joomla 3 VirtueMart 3 На рисунке ниже показан пример страницы оформления заказа (корзины). Если Вас интересует возможность кардинального изменения функциональности и внешнего вида данной страницы, ознакомьтесь с расширением [One page checkout для VirtueMart 3](https://aleksius.com/joomla/rasshireniya/one-page-checkout-dlya-virtuemart-3 "Обзор One page checkout для VirtueMart 3. Оформление заказа").
 Шаблон интернет-магазина VirtueMart 3 ## Настройки шаблона
Так как JM Modern VirtueMart Store базируется на фреймворке EF3, а не [EF4](https://aleksius.com/joomla/shablony/jm-university#osobennosti-shablonov-joomla-monstercom-na-ef4 "Обзор шаблона Joomla JM University. Как сделать версию сайта для слабовидящих"), то и настройки у него отличаются. Безусловно, в EF4 гораздо больше возможностей, но и EF3 позволяет сконфигурировать шаблон магазина VirtueMart 3 под Ваши потребности. Плюс, не забывайте, что Вы сможете [редактировать CSS и LESS](https://aleksius.com/joomla/shablony/jm-hot-news#pravka-css-i-less-v-shablone "Обзор JM Hot News. шаблон новостного портала Joomla"). Настройки шаблона разделены на девять вкладок
- *Подробно.* Тут расположена информация о версии шаблона и ссылки на разные сайты разработчика. Тут же можно задать применение этого шаблона (стиля) к той или иной версии языка сайта, если он у Вас мультиязычный.
- *Основные настройки.*
- *Макет шаблона.*
- *Настройки шрифта.* Присутствующие на данной вкладке настройки (рисунок ниже) уже были рассмотрены в [предыдущей статье](https://aleksius.com/joomla/shablony/russkij-shablon-dzhumla#nastrojki-shriftov "Обзор JM Job Listings. Настраиваемый шаблон Joomla").
 Настройка шрифта - *Расширенные возможности.* Присутствующие на данной вкладке настройки (рисунок ниже) уже были рассмотрены в [предыдущей статье](https://aleksius.com/joomla/shablony/russkij-shablon-dzhumla#rasshirennye-vozmozhnosti "Обзор JM Job Listings. Настраиваемый шаблон Joomla").
 Расширенные настройки - *Хранилище настроек.* Данная вкладка аналогична [одноимённой вкладке](https://aleksius.com/joomla/shablony/russkij-shablon-dzhumla#khranilishche-nastroek "Обзор JM Job Listings. Настраиваемый шаблон Joomla") шаблонов на базе фреймворка EF4.
- *Документация.* Вкладка содержит ссылки на разделы справки на сайте разработчика (на английском языке).
- *Обновления.* На данной вкладке есть информация о версии шаблона, фреймворка и ссылка на страницу с перечнем обновлений шаблонов.
- *Привязка к меню.* Это стандартная для всех шаблонов Joomla вкладка, на которой можно указать привязку шаблона (стиля) к тому или иному пункту меню Джумла.
### Основные настройки
Данная вкладка (рисунок ниже) содержит общие настройки шаблона.
 Основные настройки - *Логотип.* Позволяет задать изображение логотипа.
- *Текст логотипа.* Если изображение логотипа не задано, можно указать текст.
- *Описание сайта.* Текст, который будет отображаться под логотипом или текстом логотипа.
- *Переключатель цветов шаблона.* Отображает\\скрывает переключатель цветового оформления сайта в его фронтальной части (в подвале).
- *Стиль шаблона.* Цветовая схема оформления шаблона. Доступно три: красная, голубая, зелёная.
- *Переключатель размера шрифта.* Отображает переключатель размера шрифта справа вверху на страницах материала Joomla (рисунок ниже).
 Переключатель размера шрифта - *Кнопка Вверх.* Включает\\отключает отображение кнопки «Вверх» во фронтальной части сайта.
- *Изображение иконки (favicon).* Позволяет задать иконку сайта с расширением \*.ico. Она отображается во вкладке браузера и на страницах с результатами поисковой выдачи Яндекса.
### Макет шаблона
В предыдущем обзоре шаблона магазина VirtueMart 3, [JM Computers and Electronics Storeу](https://aleksius.com/joomla/shablony/jm-computers-and-electronics-virtuemart-store "Обзор JM Computers and Electronics VirtueMart Storeу. Шаблон Joomla 3"), который сделан на фреймворке EF4, была упомянута возможность [изменения макета страниц](https://aleksius.com/joomla/shablony/jm-job-listings#postroitel-maketa "Обзор JM Job Listings. Шаблон каталога Joomla") (модульной сетки). К сожалению, в JM Modern VirtueMart Store таких гибких настроек нет, но всё равно есть возможность выбора (рисунок ниже).
 Макет шаблона При помощи опции *Ширина шаблона* можно указать фиксированную ширину шаблона – 1218 пикселей. Также можно задать свой размер в пикселях или процентах. Плюс, можно отключить адаптивный дизайн.
При помощи вариантов опции изменения схем можно задать взаимное расположение левого, правого столбца макета страницы и контентной части сайта. Доступны такие варианты:
1. *Левый столбец - Контент - Правый столбец.*
2. *Левый столбец - Правый столбец - Контент.*
3. *Контент - Правый столбец - Левый столбец.*
На рисунке ниже показан пример схемы *Левый столбец - Правый столбец – Контент*.
 Левый столбец - Правый столбец - Контент На рисунке ниже показан пример схемы *Контент - Правый столбец - Левый столбец.*
 Контент - Правый столбец - Левый столбец На рисунке ниже показан пример схемы *Контент - Правый столбец - Левый столбец.* А для опции *Ширина правого столбца* задано значение *Диапазон 6 (6 столбцов сетки)*.
 Контент - Правый столбец - Левый столбец Опции *Ширина левого столбца* и *Ширина правого столбца* содержат опции, которые позволят настроить ширину того или иного столбца согласно сетки Bootstrap. Подробнее об этом можно прочесть в статье «[Обзор JM Cleaning Company. Шаблон сайта клининговой компании](https://aleksius.com/joomla/shablony/jm-cleaning-company#ideya-12-i-kolonochnoj-setki-bootstrap "Обзор JM Cleaning Company. Шаблон сайта клининговой компании")».
Как видите, данный шаблон интернет-магазина VirtueMart 3.0.18 обладает рядом настроек, которые помогут в его адаптации к конкретному проекту. А поддержка адаптивности и Joomla 3 позволяет применять его на вновь разрабатываемых сайтах.
В следующей статье мы рассмотрим ещё один [шаблон для создания интернет-магазинов](https://aleksius.com/joomla/shablony/jedi "Обзор Jedi. Адаптивный шаблон сайта Joomla") на VirtueMart.
| Похожие материалы |
|---|
| - [ Обзор JM Computers and Electronics VirtueMart Storeу. Шаблон Joomla 3 ](https://aleksius.com/joomla/shablony/jm-computers-and-electronics-virtuemart-store) - [ Обзор JM Trips. Туристический шаблон Joomla ](https://aleksius.com/joomla/shablony/jm-trips) - [ Обзор JM Product Catalog. Шаблон каталога Joomla ](https://aleksius.com/joomla/shablony/jm-product-catalog) - [ Обзор JM ZoneStore. Русский шаблон интернет магазина на Joomla для DJ-Catalog2 ](https://aleksius.com/joomla/shablony/jm-zonestore) - [ Обзор JM Hotel. Шаблон сайта для отеля ](https://aleksius.com/joomla/shablony/jm-hotel) - [ Обзор Jedi. Адаптивный шаблон сайта Joomla ](https://aleksius.com/joomla/shablony/jedi) - [ Обзор JM Exclusive Furniture. Шаблон каталога Joomla 3 ](https://aleksius.com/joomla/shablony/jm-exclusive-furniture) |
| Автор статьи – Хорошевский Алексей |
|---|
| [](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-modern-store/en/ "Демонстрационный сайт JM Modern VirtueMart Store").