Обзоры расширений Joomla

 

 

JM Modern Store – это адаптивный шаблон Joomla 3 VirtueMart 3 на русском языке для создания интернет-магазинов. Он универсальный, подойдёт для создания магазина любой тематики, но на демонстрационном сайте разработчика показан пример интернет-магазина одежды. Шаблон от команды разработчиков 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 суффиксы модулей) для создания модулей, направленные именно на специфику сайтов интернет-магазинов. Вот примеры таких модулей.

Обзор проводится в последней, на момент написания статьи (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. Компонент галереи изображений и видео для Joomla с поддержкой VirtueMart. Это позволит создавать слайдер VirtueMart, галереи с товарами и другое.
  • DJ-MegaMenu 3.4.5. Компонент (модуль, плагин) меню, мега-меню и мобильного меню со множеством настроек и поддержкой вставки модулей в меню.
  • DJ-VMPageBreak 1.7. Бесплатный плагин вкладок и аккордеона для контента Joomla и описаний товаров VirtueMart.

Плюс, Вы получите файлы графических элементов шаблона и быстрый старт («QuickStart»).

Особенности JM Modern Store

К основным особенностям именно JM Computers and Electronics VirtueMart Storeу отнесём следующие:

  • Поддержка VirtueMart 3.0.18.
  • Наличие стилей для оформления таблицы размеров (рисунок ниже).

Ко всему в шаблоне продумано оформление ещё для ряда важных страниц VirtueMart 3:

  • Личный кабинет пользователя, редактирование персональных данных и список покупок.
  • Страница продавца (очень актуально для магазинов, где продаются товары нескольких представителей).
  • Страница категорий производителей.
  • Страница описания производителя.
  • Страница условий использования сайта (лицензионное соглашение).

tablitsa-razmerov

Поддержка шаблоном VirtueMart 3 подразумевает продуманное оформление важных страниц интернет-магазина. Приведу несколько таких страниц. На рисунке ниже показана главная страница интернет-магазина.

JM Modern VirtueMart Store
JM Modern VirtueMart Store

На рисунке ниже показан пример страницы товара.

Шаблон магазина VirtueMart 3
Шаблон магазина VirtueMart 3

А вот так может выглядеть страница категории товара (рисунок ниже). Если нужны разъяснения, почему пишу «может выглядеть», читайте статью «Обзор JM Exclusive Furniture. Шаблон каталога Joomla 3».

Шаблон Joomla 3 VirtueMart 3
Шаблон Joomla 3 VirtueMart 3

На рисунке ниже показан пример страницы оформления заказа (корзины). Если Вас интересует возможность кардинального изменения функциональности и внешнего вида данной страницы, ознакомьтесь с расширением One page checkout для VirtueMart 3.

Шаблон интернет-магазина VirtueMart 3
Шаблон интернет-магазина VirtueMart 3

Настройки шаблона

Так как JM Modern VirtueMart Store базируется на фреймворке EF3, а не EF4, то и настройки у него отличаются. Безусловно, в EF4 гораздо больше возможностей, но и EF3 позволяет сконфигурировать шаблон магазина VirtueMart 3 под Ваши потребности. Плюс, не забывайте, что Вы сможете редактировать CSS и LESS. Настройки шаблона разделены на девять вкладок

  • Подробно. Тут расположена информация о версии шаблона и ссылки на разные сайты разработчика. Тут же можно задать применение этого шаблона (стиля) к той или иной версии языка сайта, если он у Вас мультиязычный.
  • Основные настройки.
  • Макет шаблона.
  • Настройки шрифта. Присутствующие на данной вкладке настройки (рисунок ниже) уже были рассмотрены в предыдущей статье.
Настройка шрифта
Настройка шрифта
  • Расширенные возможности. Присутствующие на данной вкладке настройки (рисунок ниже) уже были рассмотрены в предыдущей статье.
Расширенные настройки
Расширенные настройки
  • Хранилище настроек. Данная вкладка аналогична одноимённой вкладке шаблонов на базе фреймворка EF4.
  • Документация. Вкладка содержит ссылки на разделы справки на сайте разработчика (на английском языке).
  • Обновления. На данной вкладке есть информация о версии шаблона, фреймворка и ссылка на страницу с перечнем обновлений шаблонов.
  • Привязка к меню. Это стандартная для всех шаблонов Joomla вкладка, на которой можно указать привязку шаблона (стиля) к тому или иному пункту меню Джумла.

Основные настройки

Данная вкладка (рисунок ниже) содержит общие настройки шаблона.

Основные настройки
Основные настройки
  • Логотип. Позволяет задать изображение логотипа.
  • Текст логотипа. Если изображение логотипа не задано, можно указать текст.
  • Описание сайта. Текст, который будет отображаться под логотипом или текстом логотипа.
  • Переключатель цветов шаблона. Отображает\скрывает переключатель цветового оформления сайта в его фронтальной части (в подвале).
  • Стиль шаблона. Цветовая схема оформления шаблона. Доступно три: красная, голубая, зелёная.
  • Переключатель размера шрифта. Отображает переключатель размера шрифта справа вверху на страницах материала Joomla (рисунок ниже).
Переключатель размера шрифта
Переключатель размера шрифта
  • Кнопка Вверх. Включает\отключает отображение кнопки «Вверх» во фронтальной части сайта.
  • Изображение иконки (favicon). Позволяет задать иконку сайта с расширением *.ico. Она отображается во вкладке браузера и на страницах с результатами поисковой выдачи Яндекса.

Макет шаблона

В предыдущем обзоре шаблона магазина VirtueMart 3, JM Computers and Electronics Storeу, который сделан на фреймворке EF4, была упомянута возможность изменения макета страниц (модульной сетки). К сожалению, в JM Modern VirtueMart Store таких гибких настроек нет, но всё равно есть возможность выбора (рисунок ниже).

Макет шаблона
Макет шаблона

При помощи опции Ширина шаблона можно указать фиксированную ширину шаблона – 1218 пикселей. Также можно задать свой размер в пикселях или процентах. Плюс, можно отключить адаптивный дизайн.

При помощи вариантов опции изменения схем можно задать взаимное расположение левого, правого столбца макета страницы и контентной части сайта. Доступны такие варианты:

  1. Левый столбец - Контент - Правый столбец.
  2. Левый столбец - Правый столбец - Контент.
  3. Контент - Правый столбец - Левый столбец.

На рисунке ниже показан пример схемы Левый столбец - Правый столбец – Контент.

Левый столбец - Правый столбец - Контент
Левый столбец - Правый столбец - Контент

На рисунке ниже показан пример схемы Контент - Правый столбец - Левый столбец.

Контент - Правый столбец - Левый столбец
Контент - Правый столбец - Левый столбец

На рисунке ниже показан пример схемы Контент - Правый столбец - Левый столбец. А для опции Ширина правого столбца задано значение Диапазон 6 (6 столбцов сетки).

Контент - Правый столбец - Левый столбец
Контент - Правый столбец - Левый столбец

Опции Ширина левого столбца и Ширина правого столбца содержат опции, которые позволят настроить ширину того или иного столбца согласно сетки Bootstrap. Подробнее об этом можно прочесть в статье «Обзор JM Cleaning Company. Шаблон сайта клининговой компании».

Как видите, данный шаблон интернет-магазина VirtueMart 3.0.18 обладает рядом настроек, которые помогут в его адаптации к конкретному проекту. А поддержка адаптивности и Joomla 3 позволяет применять его на вновь разрабатываемых сайтах.

 

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