Шаблоны

Обзор JM Car Classifieds. Шаблон доска объявлений Joomla

 

JM Car Classifieds – готовый адаптивный шаблон Joomla на русском языке для создания доски объявлений с помощью DJ-Classifieds.

Видео обзор и урок

 

  • Обзор быстрых стартов шаблона («Quick Start») – с 00:00.
  • Обзор тестового сайта с административным доступом – с 04:21.
  • Обзор админки шаблона – с 06:40.
  • Работа с построителем макета – с 08:21.
  • Установка темы шаблона в DJ-Classifieds – с 18:14.
  • Модуль вкладок Joomla – JM Simple Tabs – с 19:43.

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки Вы можете найти на каналах сайта Aleksius.com в YouTube и Mail.ru.

Шаблон является универсальным и может быть использован для создания сайтов любого типа. Например, другой такой шаблон для доски объявлений JM Job Listings использую на своём блоге. Как видите, он вполне адекватно смотрится и работает. JM Car Classifieds позиционируется разработчиками как шаблон для доски объявлений автомобильной тематики. У него есть два быстрых старта («QuickStart»), они же доступны для предварительного просмотра в качестве демонстрационных сайтов:

В обзоре будет участвовать последняя, на момент написания статьи (10.02.2018), русскоязычная версия JM Car Classifieds 1.0.3 с фреймворком EF4.8.2, в Joomla 3.8.5. Кроме самого шаблона Вы получите лицензию на такие расширения (версии указаны на момент написания статьи):

  • DJ-Classifieds 3.7.1.2. Расширение для создания доски объявлений. Очень много настроек и возможностей, включая функции заработка (монетизации) сайта.
  • DJ-MegaMenu Pro 3.6.2. Расширение (модуль, плагин) меню, мега-меню и мобильного меню со множеством настроек и поддержкой вставки модулей в меню. Можно создавать вертикальные и горизонтальные меню.
  • DJ-MediaTools 2.11.0. Компонент галереи изображений и видео для Joomla с поддержкой DJ-Classifieds. Это позволит создавать галереи, слайдеры и слайд-шоу с изображениями из товаров DJ-Classifieds, а также создавать галереи прямо на страницах объявлений.
  • DJ-Reviews 1.2.2. Расширение для создания отзывов и рейтингов. Поддержка микроразметки и интеграции с DJ-Classifieds.

Помимо платных расширений в JM Car Classifieds предусмотрены стили для ряда бесплатных модулей:

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

Также Вы получите файл с графическими элементами шаблона в формате PSD, хорошую техническую поддержку и документацию. Документация и техническая поддержка на английском языке. Если Вас интересует документация на русском языке, обратитесь к этому разделу. В нём можно найти много информации, как о шаблонах от Joomla-Monster.com, так и о шаблонах Joomla в целом, включая уроки по работе с шаблонами.

Особенности шаблона

Как и другие шаблоны от Joomla-monster.com, JM Car Classifieds основывается на фреймворке EF4 и 12-ти колоночной сетке Bootstrap. А значит, он обладает всеми особенностями, присущими данному фреймворку. В состав фреймворка (в админке шаблона) есть ряд инструментов, которые позволяют оптимизировать сайт с точки зрения скорости его загрузки. Об этих инструментах можно немного детальнее прочесть в статьях: «Обзор JM Job Listings. Настраиваемый шаблон Joomla» и «Обзор 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). В шаблоне заложено около 61 позиции для модулей (рисунок ниже).

Позиции модуля шаблона JM Car Classifieds
Позиции модуля шаблона JM Car Classifieds

В настройках шаблона можно отключить показ правого/левого столбцов макета шаблона на странице описания товара/услуги доски объявлений. Также в админке предусмотрено достаточно много опций для настройки цветов (рисунок ниже) различных элементов шаблона и модулей в определённых позициях. Подробнее о цветовых модификациях можно прочесть в статье «Обзор шаблона Joomla JM University. Как сделать версию сайта для слабовидящих».

Цветовые модификации
Цветовые модификации

Ниже показан пример некоторых страниц с демонстрационного сайта шаблона.

JM Car Classifieds
JM Car Classifieds
Шаблон доски объявлений Joomla
Шаблон доски объявлений Joomla
Шаблон DJ-Classifieds
Шаблон DJ-Classifieds
Платный шаблон Joomla
Платный шаблон Joomla

Модуль вкладок Joomla – JM Simple Tabs

В обзоре участвует последняя, на момент написания статьи (11.02.2018), русскоязычная версия JM Simple Tabs 1.0.5 в Joomla 3.8.5, шаблон сайта JM Car Classifieds 1.0.3. Как альтернативу, с более богатым набором возможностей, рекомендую рассмотреть DJ-Tabs.

На рисунке ниже показаны несколько примеров этого модуля на сайте (с демонстрационного сайта модуля).

Модуль вкладок Joomla
Модуль вкладок Joomla

Админка модуля (рисунок ниже) позволяет добавлять один или несколько элементов (без ограничения). Под элементами подразумеваются вкладки.

JM Simple Tabs
JM Simple Tabs

Тут Вы можете создавать, удалять и изменять элементы модуля. Элемент состоит из таких фрагментов:

  1. Заголовок.
  2. Подзаголовок.
  3. Содержимое. Можно вводить обычный текст и применять HTML. Можно вставить видео с YouTube, изображение или загрузить любой модуль при помощи тега «loadposition module». На рисунке ниже показан пример вкладок, в которых отображается модуль поиска DJ-Classifieds.
  4. Иконка и иконка по наведению на вкладку (или когда вкладка активна).
  5. Иконка (span с классом). Подробнее о том, как применять иконки Font Awesome или Glypheicons можно прочесть в этой статье.
Модули во вкладках
Модули во вкладках

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

В следующей статье «Обзор JM Classifiedads. Шаблон в стиле Material Design» мы рассмотрим ещё один шаблон для доски объявлений.

Похожие материалы
Автор статьи – Хорошевский Алексей

Хорошевский Алексей Примерно с 2008 года и по сегодняшний день создаю сайты «под ключ» на Joomla и WebSite X5. Также занимаюсь их доработкой, SEO-продвижением, контекстной рекламой, защитой от взлома и оптимизацией скорости загрузки сайта.

Кандидат технических наук по специальности «Информационные технологии».

На этом сайте есть контакты и информация обо мне. На нём Вы найдёте примеры моих работ, а также перечень и цены предоставляемых услуг.

 

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