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

 

 

JM Computers and Electronics VirtueMart Storeу – это адаптивный шаблон Joomla 3 VirtueMart 3 на русском языке. Он разработан специально для создания сайтов интернет-магазинов. Особенно хорошо подходит для создания сайта, продающего электронику, бытовую технику, программное обеспечение, компьютерную технику и ювелирные изделия. Имеет четыре цветовые схемы оформления (чёрный с дополнением разных цветов): красная, бирюзовая, коричневая и розовая. Естественно, при желании Вы сможете сменить основные цвета в настройках шаблона. Сам шаблон VirtueMart 3 можно посмотреть на демонстрационном сайте разработчика.

 Обзор будет проходить в последней, на момент написания статьи (01.04.2016), русскоязычной версии JM Computers and Electronics VirtueMart Storeу 1.0.5 в Joomla 3.5.0 и VirtueMart 3.0.14. Кроме самого шаблона Вы получите лицензию на такие расширения (версии указаны на момент написания статьи):

  • DJ-MediaTools 2.6.1. Компонент галереи изображений и видео для Joomla с поддержкой VirtueMart Это позволит создавать слайдер VirtueMart, галереи с товарами и так далее.
  • DJ-MegaMenu 3.3.1. Компонент (модуль, плагин) меню, мега-меню и мобильного меню с множеством настроек и поддержкой вставки модулей в меню.

Особенности Joomla JM Computers and Electronics VirtueMart Storeу

Вместе с присущими всем шаблонам от Joomla-Monster.com на фреймворке EF4 особенностями у этого шаблона интернет-магазина есть свои изюминки. Так же, как и в других шаблонах, у Joomla JM Computers and Electronics VirtueMart Storeу всё это обеспечивает не только EF4 от Joomla-Monster.com, но и популярный на данный момент Bootstrap.

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

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

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

JM Computers and Electronics VirtueMart Storeу
JM Computers and Electronics VirtueMart Storeу

Вот ещё пример того, как может выглядеть главная страница интернет-магазина (рисунок ниже).

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

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

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

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

Страница товара VirtueMart
Страница товара VirtueMart

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

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

Как выбрать шаблон для Joomla

Приведу некоторые рекомендации касательно того, на что нужно обращать внимание при выборе шаблона для сайта. Подам их в порядке убывания степени важности, хотя не всегда это так. Например, адаптивность – очень важный критерий, но в списке он идёт не первым. Хотя неадаптивный шаблон я вовсе не учитываю как вариант. Данный перечень составлен на основании своего опыта и не претендует на полноту и универсальность. Список составлен для выбора шаблона именно под Joomla, но большинство его пунктов подходят под любую CMS. В основном приведу примеры именно шаблонов Joomla-Monster.com на фреймворке EF4, но это актуально для любого другого разработчика и любого другого фреймворка.

Перед выбором Вам нужно знать.

  1. Тип сайта (интернет-магазин, каталог, сайт компании, блог, посадочная страница и так далее).
  2. Целевую аудиторию. Это важный пункт, например, для людей с ограниченными возможностями стоит обращать внимание на соответствующие шаблоны.
  3. Для каких целей и задач должен служить сайт. От этого зависит очень многое.
  4. Какие расширения Joomla и какие версии Вы будете применять на первом этапе создания сайта.
  5. На какой версии Joomla Вы будете делать сайт.
  6. Перспективные цели, задачи и перспективная целевая аудитория. Например, в первое время может быть принято решение создать сайт только на одном языке и в виде каталога товаров, а дальше - на нескольких языках и с полноценной корзиной.
  7. Какие расширения Джумла Вы планируете применять в дальнейшем.

Если по минимуму, то Вам нужно знать тип сайта, версию Joomla, применяемые расширения и их версии.

Было бы правильно, если бы сайт создавался исключительно с ориентацией на цели и задачи бизнеса и целевую аудиторию. Но на практике часто сайт создаётся для заказчика. В таком случае к перечню выше стоит добавить пункт «Вкусы и пожелания заказчика».

По большому счёту, до начала выбора шаблона стоит максимально чётко «спроектировать» будущий сайт. Это очень полезно не только для выбора шаблона, но и для всего проекта в целом. Зная всё это можно приступить непосредственно к подбору. Всю необходимую информацию можно найти на странице описания шаблона, в его демонстрационной версии, документации и спросить у разработчиков.

  1. Версия Joomla, для которой предназначен шаблон.
  2. Для каких расширений (и их версий) адаптирован шаблон.
  3. Какие дополнительные расширения идут в составе с шаблоном.
  4. На сайты какой тематики рассчитан шаблон.
  5. Адаптивность шаблона под экраны разных браузеров. Наличие мобильного меню.
  6. Совместимость шаблона с актуальными версиями таких браузеров.
  7. Насколько гибко настраивается шаблон без правки кода (цветовые схемы, шрифты и т.д.). Особенно – макет шаблона.
  8. Количество и расположение позиций модулей.
  9. В какой мере текущий шаблон (макет, цвета, шрифты) подходит\нравится для создаваемого сайта.
  10. Наличие продуманных стилей для таких страниц как (помимо главной): материал\статья, категория\блог, регистрация, вход, профиль пользователя, страница результатов поиска, контакты, страница 404 и так далее. Для интернет-магазина или каталога также важны: страница товара, страница категории товара, страница оформления заказа, список покупок и так далее.
  11. Наличие продуманного оформления «стандартных» модулей Joomla: поиск, переключение языков, регистрация\вход, меню (горизонтальное\вертикальное) и так далее. Для интернет-магазина также важны: корзина, переключение валют, похожие товары, сопутствующие товары и так далее.
  12. Возможность закрепления горизонтального меню или шапки сайта при прокрутке страницы вниз.
  13. Наличие предварительно настроенных HTML-объектов и\или «шоткоды».
  14. Возможность менять внешний вид модулей шаблона при помощи суффиксов модулей.
  15. Возможности красивого оформления различных текстовых элементов – «расширенная» типографика.
  16. Есть ли возможность правки CSS-стилей шаблона без правки исходной таблицы стилей.
  17. Наличие быстрого старта.
  18. Технологии и стандарты, применяемые при разработке шаблона: HTML5, CSS3, Bootstrap, LESS.
  19. Наличие возможности отключения области компонента на главной странице сайта и\или на любой другой странице.
  20. Возможность создания «резинового» макета (сайт с шириной 100% от области окна браузера).
  21. Наличие кнопки «Вверх».
  22. Выходят ли обновления шаблона и как часто.
  23. Дата выпуска шаблона.
  24. Наличие технической поддержки от разработчика шаблона.
  25. Сделан без Flash.
  26. Цена.
  27. Наличие документации.
  28. Поддержка Google Fonts (шрифты Google).
  29. Оптимизация загрузки шаблона (рисунок ниже) и отложенная загрузка изображений (от англ. lazy load). Хотя сам предпочитаю делать это при помощи специализированных расширений.
  30. Доверие к сайту\фирме разработчика шаблона.
  31. Цена продления лицензии и технической поддержки.
  32. «Чистота» исходного кода и лёгкость загрузки.
  33. Степень валидности (W3C).

Список можно продолжать ещё долго, например, можно добавить поддержку RTL – письменность справа налево, параллакс эффекты, видео в качестве фона станицы, фреймворк, на котором базируется и так далее. Но это уже слишком специфические критерии.

Русский шаблон VirtueMart 3
Русский шаблон VirtueMart 3

Список основных формальных критериев для выбора шаблона. Приведу краткий перечень формальных «признаков», встретив которые в описании шаблона, можно будет на 80-90% убедиться, что шаблон хороший и подойдёт Вам.

  1. Совместимость шаблона с нужной Вам версией Joomla и дополнительных расширений.
  2. Отзывчивый или адаптивный (от англ. responsive).
  3. HTML5, CSS3, Bootstrap.
  4. Совместимость с актуальными версиями браузеров Google Chrome, Mozilla Firefox, Opera, Yandex, Internet Explorer/Microsoft Edge, Safari, Android.
  5. Дата выхода шаблона не более 1-1,5 года назад.

Если это заявлено в описании, тогда очень внимательно проверяйте демонстрационную версию сайта с шаблоном

Примечания по некоторым пунктам.

Для каких расширений (и их версий) адаптирован шаблон. Если я делаю сайт интернет-магазина на Joomla 3 VirtueMart 3, то и шаблон ищу именно под эти версии и расширение. Это значительно облегчает задачу дальнейшей разработки сайта.

Какие дополнительные расширения идут в составе с шаблоном. Очень часто в стоимость шаблонов входит лицензия на платное расширение, для которого в шаблоне предусмотрены стили, и они дополняют друг друга (шаблон и расширение). Например, во многие шаблоны Joomla-Monster.com входит модуль меню DJ-MegaMenu, расширение галереи\слайдера DJ-MediaTools, расширение вкладок и аккордеона DJ-Tabs и другие полезные компоненты. А если Вы хотите создать доску объявлений или каталог, то Joomla-Monster.com может предложить весьма выгодные сочетания шаблонов с DJ-Classifieds – для создания доски объявления; и шаблонов с DJ-Catalog2 – для создания каталога товаров.

Адаптивность шаблона под экраны разных браузеров. Сложно найти современный шаблон без адаптивной вёрстки, но иногда можно встретить шаблоны, которые адаптированы не очень хорошо. То есть, на экранах ПК, ноутбуков и планшетов они смотрятся нормально, а на смартфоне есть погрешности. Отмечу, что для шаблонов от Joomla-Monster.com я такого не наблюдал.

Совместимость шаблона с актуальными версиями таких браузеров.  В приведённом перечне браузеры покрывают около 90% всей аудитории России и Украины (рисунок ниже). Данные по состоянию на 02.04.2016. Для ПК: Google Chrome, Mozilla Firefox, Opera, Yandex, Internet Explorer/Microsoft Edge. Для мобильных устройств: Google Chrome, Safari, Android, Opera, UC Browser.

Браузеры для ПК в России
Браузеры для ПК в России
Браузеры для ПК в Украине
Браузеры для ПК в Украине
Браузеры для мобильных устройств в России
Браузеры для мобильных устройств в России
Браузеры для мобильных устройств в Украине
Браузеры для мобильных устройств в Украине

Насколько гибко настраивается шаблон без правки кода. Особенно – макет шаблона. Очень удобно, когда шаблон можно настроить без правки CSS, HTML, PHP. Joomla-Monster.com в этом плане весьма преуспели, есть возможность красивого оформления модулей Joomlaтекста и гибкие настройки макета.

Наличие предварительно настроенных HTML-объектов и\или «шоткоды». Например, как таблица цен в JM Computers and Electronics VirtueMart Storeу (рисунки в начале статьи). То есть, в шаблоне уже заложено определённое оформление для разных элементов. Например, таблиц, галерей\слайдеров, списков, аккордеонов и так далее. Касательно оформления таблиц рекомендую ознакомиться со сторонним универсальным расширением Droptables. А если интересуют различные платные и бесплатные галереи\слайдеры\слайд-шоу, то ознакомьтесь с этими циклами статей. «Шоткод» (короткий код) – фрагменты HTML-кода, которые реализуют тот или иной элемент сайта с красивым оформлением, заложенным в CSS. Например – таблица цен.

Есть ли возможность правки CSS-стилей шаблона без правки исходной таблицы стилей. Некоторые разработчики шаблона не предусматривают «нормальное» внесение изменений в CSS – только правка исходных таблиц стилей шаблона. Гораздо лучше, если есть возможность добавления изменений (переопределений) стилей в «пользовательскую» таблицу стилей. Так при обновлении шаблона, например, с версии на версию, Ваши изменения не будут перезаписаны (утеряны).

Наличие быстрого старта. Как правило, решение о покупке шаблона принимается после изучения демонстрационного сайта шаблона. Там всё красиво и гармонично настроено. Бывает так, что заказчик просит (Вам нужно сделать) сделать именно так. Как на демонстрационном сайте. В таком случае хорошо помогает «быстрый старт». По сути, это копия демонстрационного сайта, но с доступом к админке. Там Вы сможете увидеть, что и как сделано.

Выходят ли обновления шаблона и насколько часто. Важно, чтобы шаблон обновлялся, особенно это актуально для тех случаев, когда он разрабатывается под какое-то конкретное расширение. Например, VirtueMart. JM Computers and Electronics VirtueMart Storeу обновлялся несколько раз именно из-за обновлений VirtueMart. Полезно, если есть подробный список обновлений с указанием модифицированных файлов. Если Вы вносили в них изменения, то будете знать о необходимости повторных изменений до обновления, а не потом, увидев ошибки.

Дата выпуска шаблона. Чем новее шаблон, тем менее он распространён на других сайтах и тем более он «уникальный». Шаблоны со свежей датой выхода, как правило, более функциональные и современные (в плане дизайна). Но в них пока может быть больше недочётов, а более старые – более «обкатанные». Лично я отдаю предпочтение новым шаблонам.

Сделан без Flash. Сейчас всё больше и больше разработчиков отказываются от Flash в пользу CSS3 и HTML5. Это связано с различными причинами. Основные преимущества такой тенденции, на мой взгляд, таковы:

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

Цена. Цена продления лицензии и технической поддержки. Предпочитаю шаблоны в ценовом диапазоне от $35 до $70 (без учёта скидок, акций и специальных предложений). Мой опыт убеждает, что более дешёвые шаблоны бывают менее качественными. Шаблоны дороже $70 тоже приемлю, если в стоимость лицензии входит много полезных «тематических» платных расширений. Также стоит обратить внимание на стоимость продления шаблона после окончания подписки. Если проект предполагается вести дольше, чем срок технической поддержки и права получения обновлений шаблона, это актуально

Доверие к сайту\фирме разработка шаблона. Предпочитаю выбирать шаблоны более «именитых», раскрученных разработчиков, присутствующих на рынке более 3-5 лет. Лучше, чтобы их основной сферой деятельности была именно разработка шаблонов для Joomla, хотя подойдут и смежные «темы»: разработка расширений Joomla, разработка шаблонов для других CMS.

«Чистота» исходного кода и лёгкость загрузки. Степень валидности (W3C). Если шаблон разработан более именитой и популярной фирмой с большим опытом, как правило, эти два критерия выдерживаются. Никогда не гнался за валидностью кода, так как 100% соответствие стандартам W3C не всегда позволяет реализовать нужную и важную для проекта функциональность. А наличие замечаний и ошибок валидации не означает, что сайт будет работать плохо. Но если есть возможность выбрать шаблон, который больше соответствует стандартам W3C, то лучше это сделать. Обратите внимание, что «чистота» и валидность кода крайне сильно зависят от того, какие расширения Вы будете использовать на сайте и какие правки вносить.

Русификатор JM Computers and Electronics VirtueMart Storeу

    Скачать русификатор JM Computers and Electronics VirtueMart Storeу.

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

 

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