Шаблоны

Обзор JM Trips. Туристический шаблон Joomla

 

  • Тип – туристический шаблон Joomla.

 

 

JM Trips – это шаблон Joomla с главной страницей в виде одностраничника, ориентированный на сайты путешествий и туризма. Особенностями шаблона является наличие большого числа позиций модулей и множества коммерческих расширений, идущих с ним в комплекте. Посмотреть на пример сайта с таким шаблоном можно на демонстрационном сайте разработчика. Доступно три варианта оформления главной страницы. Естественно, что Вы сможете сделать свой собственный.

  1. Одностраничный шаблон Joomla.
  2. Шаблон каталога товаров Joomla.
  3. Галерея на главной.

Шаблон адаптивный и разработан на базе таких «стандартов» как 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 Trips
Позиции JM Trips

Приведу несколько изображений с примерами шаблона.

JM Trips
JM Trips
Одностраничный шаблон Joomla
Одностраничный шаблон Joomla
Шаблон каталога товаров Joomla
Шаблон каталога товаров Joomla
Туристический шаблон Joomla
Туристический шаблон Joomla

Добавление стилей для макета

В предыдущей статье «Обзор 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-продвижением, контекстной рекламой, защитой от взлома и оптимизацией скорости загрузки сайта.

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

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

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