---
title: Обзор JM ZoneStore. Русский шаблон интернет магазина на Joomla для DJ-Catalog2
description: Готовый шаблон интернет магазина Джумла на русском языке. Адаптивный, похож на Amazon, множество настроек, поддержка DJ-Catalog2, учтены рекомендации WCAG 2.0
canonical_url: https://aleksius.com/joomla/shablony/jm-zonestore
language: ru-RU
date: 2026-05-17T14:07:13Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/shablony/jm-zonestore.
markdown-tokens: 3427
---

> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/shablony/jm-zonestore. 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 ZoneStore. Русский шаблон интернет магазина на Joomla для DJ-Catalog2 

- [Видео обзор и урок](https://aleksius.com/joomla/shablony/jm-zonestore#video-obzor-i-urok "Видео обзор и урок").
- [Особенности шаблона](https://aleksius.com/joomla/shablony/jm-zonestore#osobennosti-shablona "Особенности шаблона").
- [Интернет-магазин для людей с ограниченными возможностями](https://aleksius.com/joomla/shablony/jm-zonestore#internet-magazin-dlya-lyudej-s-ogranichennymi-vozmozhnostyami "Интернет-магазин для людей с ограниченными возможностями").
- [Русификатор](https://aleksius.com/joomla/rusifikatory/rusifikator-jm-computers-electronics-store "Русификатор шаблонов Joomla-Monster.com").
 
JM ZoneStore – адаптивный готовый шаблон Joomla для интернет-магазина на [DJ-Catalog2](https://aleksius.com/joomla/dj-catalog2 "Статьи про DJ-Catalog2").

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

- Особенности шаблона – с 00:00:32.
- Расширенные возможности – 00:08:01.
 
Видео лучше просматривать с качеством 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-Catalog. Создание интернет магазина с нуля (часть 3)](https://aleksius.com/joomla/rasshireniya/kak-sdelat-svoj-internet-magazin "Видео урок по DJ-Catalog. Создание интернет магазина с нуля (часть 3)")» показан пример настройки данного шаблона на демонстрационном сайте.

Шаблон полностью переведён на русский язык (админка и фронтальная часть). Помимо полноценного интернет-магазина можно создать каталог с кнопкой отправки запроса менеджеру вместо кнопки «Купить». Дизайн шаблона чем-то напоминает дизайн крупного интернет-магазина с мировым именем «Amazon». JM ZoneStore поможет создать понятный и простой интернет- магазин для пользователей. В нём преобладает минималистический дизайн. Шаблон может отображаться на всю ширину экрана пользователя или Вы можете задать фиксированную ширину. Продуманные страницы товаров, категорий, оформления заказа и т.д. упростят покупателям процесс покупки. Шаблон подойдёт для создания интернет-магазина одежды, электроники, мебели и так далее. По сути, ограничений по тематике нет. А учитывая то, что при помощи компонента интернет-магазина DJ-Catalog2 можно продавать загружаемые товары и подписки, то универсальность JM ZoneStore ещё больше увеличивается.

Так же при разработке учитывались рекомендации по [созданию сайтов для людей с ограниченными возможностями WCAG 2.0](https://aleksius.com/joomla/shablony/jm-university#kak-sdelat-versiyu-sajta-dlya-slabovidyashchikh "Обзор шаблона Joomla JM University. Как сделать версию сайта для слабовидящих"). Данные рекомендации частично пересекаются с «ГОСТ Р 52872-2012 Интернет-ресурсы. Требования доступности для инвалидов по зрению. Национальный стандарт российской федерации. Интернет-ресурсы. Требования доступности для инвалидов по зрению».

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

В обзоре будет участвовать последняя, на момент написания статьи (14.12.2018), русскоязычная версия JM ZoneStore 1.0.2 с фреймворком EF4.8.4, в Joomla 3.9.1. Демонстрационный сайт, рассмотренный в статье, базируется на быстром старте шаблона и содержит англоязычный контент (описание товаров, пункты меню и т.д.).

Кроме самого шаблона Вы получите лицензию на такие расширения:

- [DJ-Catalog2](https://aleksius.com/joomla/rasshireniya/dj-catalog2 "Обзор DJ-Catalog2. Каталог товаров для Joomla 3"). Расширение для создания каталогов и сайтов [интернет-магазинов на Joomla](https://aleksius.com/joomla/rasshireniya/dj-catalog2-3-7 "Обзор DJ-Catalog2 3.7. Интернет-магазин и каталог для Joomla"). Он оснащён фильтром товаров, сортировкой, импортом/экспортом, [комбинациями](https://aleksius.com/joomla/rasshireniya/dj-catalog2-3-7#kombinatsii-tovarov-tsvet-razmer-i-td "Обзор DJ-Catalog2 3.7. Интернет-магазин и каталог для Joomla"), купонами на скидку и многим другим.
- [DJ-MegaMenu Pro](https://aleksius.com/joomla/rasshireniya/dj-megamenu "Обзор DJ-MegaMenu. Модуль меню Joomla"). Расширение (модуль, плагин) меню, мега-меню и мобильного меню со множеством настроек и поддержкой вставки модулей в меню. Можно создавать вертикальные и горизонтальные меню.
- [DJ-MediaTools](https://aleksius.com/joomla/rasshireniya/dj-mediatools "Обзор DJ-MediaTools. Слайдер Joomla"). Компонент галереи изображений и видео для Joomla с поддержкой DJ-Catalog2. Это позволит создавать галереи, слайдеры и слайд-шоу с изображениями из товаров DJ-Catalog2.
- [DJ-Reviews](https://aleksius.com/joomla/rasshireniya/dj-reviews "Обзор DJ-Reviews. Рейтинги Joomla 3"). Расширение для создания отзывов и рейтингов. Поддержка микроразметки и интеграции с DJ-Catalog2.
 
Помимо платных расширений в JM ZoneStore предусмотрены стили для ряда бесплатных модулей:

- [JM Social Icons](https://aleksius.com/joomla/shablony/jm-company#knopki-folovinga-sotsialnykh-setej-jm-social-icons "Обзор JM Company. Шаблон компании для Joomla").
- [JM Simple Tabs](https://aleksius.com/joomla/shablony/jm-car-classifieds#modul-vkladok-joomla-jm-simple-tabs "Обзор JM Car Classifieds. Шаблон доска объявлений Joomla").
- [JM Additional Features](https://aleksius.com/joomla/shablony/jm-company#spiski-i-perechni-jm-additional-features "Обзор JM Company. Шаблон компании для Joomla").
- JM Intro Articles. Русскоязычный модуль для отображения «анонсов» материалов.
 
Естественно, что шаблон содержит стили для штатных компонентов, модулей и плагинов самой 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").

Если Вас интересует простое создание магазина на новой версии Джумла, рекомендую ознакомиться со статьёй «[Обзор DJ-EcoFood. Шаблон сайта Joomla 4 для интернет-магазина](https://aleksius.com/joomla/shablony/shablon-dzhumla-4 "Обзор DJ-EcoFood. Шаблон сайта Joomla 4 для интернет-магазина")».

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

Как и другие шаблоны от Joomla-monster.com, JM ZoneStore основывается на фреймворке 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). Плюс в шаблоне заложено более 41 позиции для модулей с возможностью изменения модульной сетки прямо из админки (рисунок ниже).

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

 ![JM ZoneStore](https://aleksius.com/images/joomla/shablony/jm-zonestore/jm-zonestore.jpg "JM ZoneStore") JM ZoneStore На рисунке ниже показана страница категории товаров. Есть вариант «блога» и таблицы.

 ![Шаблон магазина Joomla](https://aleksius.com/images/joomla/shablony/jm-zonestore/shablon-magazina-joomla.jpg "Шаблон магазина Joomla") Шаблон магазина Joomla На рисунке ниже показана страница товара.

 ![Русский шаблон интернет магазина](https://aleksius.com/images/joomla/shablony/jm-zonestore/russkij-shablon-internet-magazina.jpg "Русский шаблон интернет магазина") Русский шаблон интернет магазина На рисунке ниже показана первая страница оформления заказа.

 ![Шаблон интернет магазина Joomla 3](https://aleksius.com/images/joomla/shablony/jm-zonestore/shablon-internet-magazina-joomla-3.png "Шаблон интернет магазина Joomla 3") Шаблон интернет магазина Joomla 3 Рассмотрим ряд «индивидуальных» особенностей, присущих именно JM ZoneStore. Сперва перечислю опции/возможности, отличающиеся от других шаблонов этого разработчика, доступные в настройках.

- Добавление логотипа в подвал.
- Возможность задавать фиксированную ширину области контента и бокового столбца для отдельных страниц сайта (рисунок ниже).
- Отключить левый/правый столбцы шаблона на страницах товаров интернет- магазина DJ-Catalog2.
- Отображение характеристик товара и отзывов на странице товара в виде аккордеона.
 
 ![Особые настройки JM ZoneStore](https://aleksius.com/images/joomla/shablony/jm-zonestore/osobye-nastrojki-jm-zonestore.png "Особые настройки JM ZoneStore") Особые настройки JM ZoneStore На вкладке *Опции доступности* (рисунок ниже) можно активировать инструменты для людей с ограниченными возможностями (слабовидящих).

 ![Опции доступности](https://aleksius.com/images/joomla/shablony/jm-zonestore/optsii-dostupnosti.png "Опции доступности") Опции доступности При активации той или иной опции во фронтальной части сайта отображаются разные инструменты в шапке сайта в правом верхнем углу (рисунок ниже). Они позволяют:

1. Включить ночной режим.
2. Включить чёрно-белый, чёрно-жёлты, жёлто-чёрный режимы.
3. Включить фиксированный или широкий макет.
4. Изменить размер шрифта. Для этого надо включить опцию *Переключатель размера шрифта* на вкладке *Инструменты сайта* в настройках шаблона в разделе *Основные настройки*.
 
 ![Инструменты сайта для слабовидящих](https://aleksius.com/images/joomla/shablony/jm-zonestore/instrumenty-sajta-dlya-slabovidyashchikh.png "Инструменты сайта для слабовидящих") Инструменты сайта для слабовидящих Немного подробнее на тему создания сайтов для слабовидящих можно прочесть в [предыдущей статье](https://aleksius.com/joomla/shablony/jm-university#kak-sdelat-versiyu-sajta-dlya-slabovidyashchikh "Обзор шаблона Joomla JM University. Как сделать версию сайта для слабовидящих"). На рисунках ниже показаны примеры страницы товара интернет- магазина в разных режимах и с разными размерами шрифтов.

 ![Ночной режим](https://aleksius.com/images/joomla/shablony/jm-zonestore/nochnoj-rezhim.png "Ночной режим") Ночной режим  ![Чёрно-белый режим](https://aleksius.com/images/joomla/shablony/jm-zonestore/chjorno-belyj-rezhim.png "Чёрно-белый режим") Чёрно-белый режим  ![Увеличенный размер шрифта](https://aleksius.com/images/joomla/shablony/jm-zonestore/uvelichesnnyj-razmer-shrifta.png "Увеличенный размер шрифта") Увеличенный размер шрифта Также в настройках шаблона есть опции (рисунок ниже), позволяющие менять цвета кнопок добавления товара в корзину (если это интернет-магазин) или кнопок отправки запроса менеджеру (если это каталог).

 ![Настройки цветов](https://aleksius.com/images/joomla/shablony/jm-zonestore/nastrojki-tsvetov.png "Настройки цветов") Настройки цветов **Промо-страница товара**. В шаблоне магазина Joomla предусмотрена «заготовка» для лендинга под какой-то товар или группу товаров (рисунок ниже).

 ![Промо-страница товара](https://aleksius.com/images/joomla/shablony/jm-zonestore/promo-stranitsa-tovara.jpg "Промо-страница товара") Промо-страница товара Причём эта страница редактируется без правки кода. Так как она сделана при помощи бесплатного русскоязычного модуля [JM Additional Features](https://aleksius.com/joomla/shablony/jm-company#spiski-i-perechni-jm-additional-features "Обзор JM Company. Шаблон компании для Joomla") (рисунок ниже).

 ![JM Additional Features](https://aleksius.com/images/joomla/shablony/jm-zonestore/jm-additional-features.png "JM Additional Features") JM Additional Features **Страница справки (вопрос-ответ)**. В шаблоне предусмотрена «заготовка» для страницы справочной системы (рисунок ниже). Верхняя её часть сделана при помощи модуля JM Additional Features, а нижняя при помощи модуля [JM Simple Tabs](https://aleksius.com/joomla/shablony/jm-car-classifieds#modul-vkladok-joomla-jm-simple-tabs "Обзор JM Car Classifieds. Шаблон доска объявлений Joomla").

 ![Страница справки (вопрос-ответ)](https://aleksius.com/images/joomla/shablony/jm-zonestore/stranitsa-spravki-vopros-otvet.png "Страница справки (вопрос-ответ)") Страница справки (вопрос-ответ) ## <a id="internet-magazin-dlya-lyudej-s-ogranichennymi-vozmozhnostyami"></a>Интернет-магазин для людей с ограниченными возможностями

В статье выше описаны инструменты шаблона, которые могут быть полезными для людей с ограниченными возможностями (слабовидящих). [Ранее я уже затрагивал эту тему](https://aleksius.com/joomla/shablony/jm-university#kak-sdelat-versiyu-sajta-dlya-slabovidyashchikh "Обзор шаблона Joomla JM University. Как сделать версию сайта для слабовидящих"). По данным за июль 2017 ([источник](http://www.pewresearch.org/fact-tank/2017/07/27/7-facts-about-americans-with-disabilities/ "7 facts about Americans with disabilities")) 1 из 5 человек, проживающих в США, обладают ограничениями по здоровью, которые не позволяют нормально использовать всё то, что могут использовать другие люди. Против интернет-магазинов было подано сотни судебных исков ([источник](https://dj-extensions.com/blog/joomla-templates/ecommerce-website-accessibility-for-people-with-disabilities-wcag-compliance "eCommerce website accessibility for people with disabilities. WCAG compliance")) по дискриминации в рамках ADA (от англ. «Americans with Disabilities Act of 1990» – Закон об американцах с инвалидностью 1990 года является законом о гражданских правах, который запрещает дискриминацию по признаку инвалидности).

Думаю, что для СНГ, в юридическом плане, этот вопрос стоит не так остро. Но интерес к нему со стороны пользователей всё же есть, и он возрастает. Ниже показан пример статистики поисковых запросив в Яндекс за последний месяц (на 11.12.2018) по запросу «52872-2012» для России и СНГ. «52872-2012» – это номер ГОСТа «ГОСТ Р 52872-2012 Интернет-ресурсы. Требования доступности для инвалидов по зрению. Национальный стандарт российской федерации. Интернет-ресурсы. Требования доступности для инвалидов по зрению.».

 ![Статистика запросов для «52872-2012»](https://aleksius.com/images/joomla/shablony/jm-zonestore/statistika-zaprosov-dlya-52872-2012.png "Статистика запросов для «52872-2012»") Статистика запросов для «52872-2012» Запросов, связанных с «сайты для слабовидящих» несколько больше, и они более высокочастотные (рисунок ниже).

 ![Статистика запросов для «сайты для слабовидящих»](https://aleksius.com/images/joomla/shablony/jm-zonestore/statistika-zaprosov-dlya-sajty-dlya-slabovidyashchikh.png "Статистика запросов для «сайты для слабовидящих»") Статистика запросов для «сайты для слабовидящих» Даже по запросу «WCAG 2.0» есть данные (рисунок ниже).

 ![Статистика запросов для «WCAG 2.0»](https://aleksius.com/images/joomla/shablony/jm-zonestore/statistika-zaprosov-wcag-2-0.png "Статистика запросов для «WCAG 2.0»") Статистика запросов для «WCAG 2.0» Рассмотрим основные моменты, связанные с адаптацией сайта интернет- магазина для людей с ограниченными возможностями, которые обеспечивает JM ZoneStore. Те, что уже были рассмотрены в статье выше, не будем повторять.

- Навигация по сайту при помощи клавиатуры (без мыши).
- Переход к нужной области сайта по нажатию на кнопку *Tab* на клавиатуре.
- Адаптация сайта для программ чтения с экрана.
 
Как видите данный шаблон интернет-магазина Joomla обладает весьма неплохим набором дизайнерских решений, которые помогут в создании удобного, понятного и простого в использовании сайта для Ваших покупателей. Наличие админки с множеством настроек позволит сконфигурировать шаблон под свои нужды, а «быстрые старты» ускорят этот процесс, дав наглядный пример.

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

| Автор статьи – Хорошевский Алексей |
|---|
| [![Хорошевский Алексей](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") |
