Обзор JM Trips. Туристический шаблон Joomla
- Тип – туристический шаблон Joomla.
JM Trips – это шаблон Joomla с главной страницей в виде одностраничника, ориентированный на сайты путешествий и туризма. Особенностями шаблона является наличие большого числа позиций модулей и множества коммерческих расширений, идущих с ним в комплекте. Посмотреть на пример сайта с таким шаблоном можно на демонстрационном сайте разработчика. Доступно три варианта оформления главной страницы. Естественно, что Вы сможете сделать свой собственный.
Шаблон адаптивный и разработан на базе таких «стандартов» как HTML5, CSS3, Bootstrap, LESS с минимальным применением растровых объектов в дизайне.
Обзор проводится в последней, на момент написания статьи (08.07.2016), русскоязычной версии JM Trips 1.0.0 (фреймворк EF4) в Joomla 3.5.1. Кроме самого шаблона Вы получите лицензию на такие расширения (версии указаны на момент написания статьи):
- DJ-Tabs 1.3.1. Расширение для отображения контента сайта во вкладках или аккордеоне.
- DJ-MegaMenu 3.4.1. Компонент (модуль, плагин) меню, мега-меню и мобильного меню со множеством настроек и поддержкой вставки модулей в меню.
- DJ-Catalog2 3.5.4. Компонент для создания каталога товаров или услуг с наличием, фильтров, импорта\экспорта и почти полноценной корзины.
- DJ-Reviews 1.2. Компонент отзывов с поддержкой микроформатов.
- DJ-MediaTools 2.7. Компонент галереи изображений и видео для Joomla с поддержкой VirtueMart 3, DJ- Catalog2 и др. Это позволит создавать слайдер VirtueMart, галереи с товарами DJ-Classifieds и другое.
Особенности JM Trips
Вместе с присущими всем шаблонам от Joomla-Monster.com на фреймворке EF4 особенностями в типографике, оформлении модулей и работе с макетом\позициями шаблона у JM Trips есть свои изюминки:
- Наличие стилей для компонента DJ-Catalog2 и DJ-Reviews. Это позволяет органически вписать данные расширения в общий дизайн сайта.
- Наличие 3-х вариантов оформления главной страницы в QuickStart шаблона.
- Большое количество позиций модулей (рисунок ниже).
- Множество настроек цветового оформления для различных позиций и элементов шаблона в его настройках.
- Наличие красивых элементов с CSS3 и HTML5 оформлением/анимацией.
Приведу несколько изображений с примерами шаблона.
Добавление стилей для макета
В предыдущей статье «Обзор JM Cleaning Company. Шаблон сайта клининговой компании» мы рассмотрели возможности построителя макета шаблонов от Joomla-Monster.com на фреймворке EF4. Одной из таких возможностей являете создание различных макетов. В документации разработчика есть описания, как можно включить определённую таблицу стилей для конкретного макета. Это позволит не загружать эту таблицу стилей для других макетов. Что, в свою очередь, положительно скажется на скорости загрузки сайта. Если Вас интересует вопрос оптимизации скорости, ознакомьтесь со статьёй «Обзор JCH Optimize Pro. Увеличение скорости загрузки Joomla».
Рассмотрим основные шаги, как подгружать таблицы стилей в определённый макет, не подгружая их в другие макеты.
- Создайте LESS файл в «/templates/VASH-SHABLON/less/». Вместо «VASH-SHABLON» название папки с Вашим шаблоном. Например, с именем «new-layout.less».
- Отредактируйте файл Вашего макета в папке «/templates/VASH-SHABLON/tpl». В раздел «head» добавьте код: «<?php $this->addCompiledStyleSheet(JMF_TPL_URL.DIRECTORY_SEPARATOR.'less'.DIRECTORY_SEPARATOR.'new-layout.less', true, JMF_TH_TEMPLATE); ?>» (без кавычек ёлочек).
- В файле «/templates/VASH-SHABLON/lib/jm_template.php» найдите нижеуказанный код:
$common_all = array(
'bootstrap_variables.less',
'template_variables.less',
'override/ltr/mixins.less',
'template_mixins.less'
);
$this->lessMap['offcanvas.less'] = $common_all;
$this->lessMap['djmenu.less'] = $common_all;
$this->lessMap['djmenu_fx.less'] = $common_all;
$this->lessMap['custom.less'] = $common_all;
$this->lessMap['comingsoon.less'] = $common_all;
- Добавьте строку с указанием нового LESS-файла (внизу). Пример:
$this->lessMap['offcanvas.less'] = $common_all;
$this->lessMap['djmenu.less'] = $common_all;
$this->lessMap['djmenu_fx.less'] = $common_all;
$this->lessMap['custom.less'] = $common_all;
$this->lessMap['comingsoon.less'] = $common_all;
$this->lessMap['new-layout.less'] = $common_all; //добавлен файл new-layout.less
- Теперь добавьте LESS или CSS в созданный LESS-файл («new-layout.less»).
Русификатор JM Trips
Скачать русификатор JM Trips.
Как видите, JM Trips можно использовать и в качестве одностраничного шаблона Joomla, и в качестве шаблона каталога туристических услуг или любых других товаров\услуг. Для этого предусмотрено наличие специальных расширений и дополнительных стилей.
Похожие материалы |
---|
Автор статьи – Хорошевский Алексей |
---|
Примерно с 2008 года и по сегодняшний день создаю сайты «под ключ» на Joomla и WebSite X5. Также занимаюсь их доработкой, SEO-продвижением, контекстной рекламой, защитой от взлома и оптимизацией скорости загрузки сайта. Кандидат технических наук по специальности «Информационные технологии». На этом сайте есть контакты и информация обо мне. На нём Вы найдёте примеры моих работ, а также перечень и цены предоставляемых услуг. |
Полезные ссылки: