Шаблоны

Обзор JM Real Estate Ads. Шаблоны недвижимости Joomla 3

  • Тип – шаблон сайта недвижимости от студии Joomla-Monster.com.

 

 

JM Real Estate Ads – это профессиональный шаблон недвижимости Joomla 3 от студии Joomla-Monster.com. Настройки шаблона полностью переведены на русский язык, и на моём сайте можно найти справочную информацию по вопросам работы с шаблоном. В стоимость лицензии на JM Real Estate Ads входит компонент для создания каталога DJ-Classifieds. Он в сочетании с шаблоном позволит создать полноценный сайт недвижимости с возможностью добавления объявлений любыми пользователями. Посмотреть на пример такого сайта можно на демонстрационном сайте разработчика. Шаблон адаптивный и разработан на базе таких «стандартов» как HTML5, CSS3, Bootstrap, LESS с минимальным применением растровых объектов в дизайне.

Обзор проводится в последней, на момент написания статьи (30.06.2016), русскоязычной версии JM Real Estate Ads 1.0.2 (фреймворк EF4) в Joomla 3.5.1. Кроме самого шаблона Вы получите лицензию на такие расширения (версии указаны на момент написания статьи):

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

Подробнее про комплектацию шаблона объявлений о недвижимости для Joomla можно узнать на сайте разработчика.

Особенности JM Real Estate Ads

Вместе с присущими всем шаблонам от Joomla-Monster.com на фреймворке EF4 особенностями в типографике, оформлении модулей и работе с макетом\позициями шаблона у JM Real Estate Ads есть свои изюминки:

  • Наличие стилей для компонента DJ-Classifieds, ориентированных на тематику сайтов недвижимости и риэлтерских агентств.
  • Настройки цветов для CSS-суффиксов модулей.
  • Три основные цветовые схемы оформления.

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

JM Real Estate Ads
JM Real Estate Ads
Студия шаблонов Joomla
Студия шаблонов Joomla
Шаблон недвижимости Joomla 3
Шаблон недвижимости Joomla 3
Шаблон сайта недвижимости Joomla
Шаблон сайта недвижимости Joomla

Добавление контейнеров и позиций в шаблон

В статье «Обзор JM Cleaning Company. Шаблон сайта клининговой компании» мы уже затрагивали построитель макета шаблона. Рассмотрим, как можно добавлять в макет контейнеры (блоки), а в контейнеры добавлять позиции модулей (на основании материалов статьи «Layout Builder»).

  • Контейнер (блок) – содержит позиции шаблона.
  • Позиция шаблона – содержит модули сайта.

На рисунке ниже зелёным обведён контейнер (блок), а красным – позиция.

Контейнер и позиция
Контейнер и позиция

Для добавление нового контейнера:

  1. Перейдите в папку шаблона «/templates/jm-real-estate-ads/tpl/blocks/». Вместо «jm-real-estate-ads» может быть другое название шаблона.
  2. Скопируйте файл уже существующего контейнера и назовите его по-другому. Например, скопировал «bottom3.php» и назвал его «bottom4.php». Для копирования рекомендую выбирать тот файл существующего блока, который максимально сильно подходит под Ваши требования.
  3. В скопированном файле, в примере файл «bottom4.php», заменил все называния «bottom3» на «bottom4».

На рисунке ниже показан пример содержимого «bottom4.php».

Содержимое «bottom4.php»
Содержимое «bottom4.php»

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

Новый блок
Новый блок

Для примера добавим новую позицию шаблона в блок под позицией «header-bg» на примере шаблона недвижимости Joomla 3 JM Real Estate Ads.

Для добавления новой позиции шаблона:

  1. Откройте файл «templates/jm-real-estate-ads-ef4/tpl/blocks/header.php» и добавьте в него код «<jdoc:include ENGINE="modules" name="<?php echo $this->getPosition('novaya') ?>" style="jmmodule" />» (без кавычек ёлочек) перед «</section>». «novaya» – название позиции.
  2. Откройте файл «templateDetails.xml» в корне папки шаблона и добавьте название новой позиции «<position>novaya</position>» (без кавычек ёлочек), например, под название позиции «<position>header</position>».

После этого позиция появится в построителе макета и в настройках модуля (рисунок ниже). Обратите внимание, что Вам нужно будет добавить CSS-стили для новой позиции.

Добавленная позиция
Добавленная позиция

Русификатор JM Real Estate Ads

Скачать русификатор JM Real Estate Ads.

 

Как видите, шаблоны недвижимости Joomla 3 в сочетании с DJ-Classifieds позволят Вам создать полноценный сайт риэлтерской направленности с современным и адаптивным дизайном.

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

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

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

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

 

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