Joomla REA mobile enhanced

A template override for the Joomla Real Estate Agency component enhanced for mobile devices with touch screens.

Description:

This template override for Joomla REA has been created for our customer http://www.viviendas-cartagena.com to solve some issues REA has on mobile devices. The source code is released as open source GNU/GPLv2 and can be downloaded from github. It is designed to work out of the box with the Yootheme Master template but with some tweaks it can be setup to work with other themes as well. Mainly some CSS styles will have to be modified.

Features:

It uses sliders that work on touch screens of smart-phones and tablets. (REA search menu, search module, map search). Use of Egor Khmelev's sliders (Note: the original jquery.slider.js has been modified by adding a method to redraw the slider when a user changes the select box of renting to selling etc)
The search map auto resizes to fit the device screen
The details layout of the real estate objects has been redesigned.
It includes a responsive grid that changes the side by side alignment of the details and map for wide screens to top down alignment for narrow screens. Use of Simple Grid
The images of the properties are in a slider with touch enabled sliding and auto resized to fit the screen dimensions. Use of woothemes flexslider
The contact forms use a modal windows. Use of jQuery RS Modal v0.3.0
Some general resizing to fit small screens

Installation howto:

The template override has been tested on You can see the implementation on http://www.viviendas-cartagena.com. It makes use of JQuery and needs the JQuery Easy plugin to overcome the problems related to JQuery and Joomla 2.5 The use of template overrides is the recommended way of making adjustments to Joomla avoiding problems when updating Joomla or components and themes. You can install the code as described and disable it by simply removing it again. The only files that are not using the template override mechanism are the language file. Backup your language files before applying the modifications. If you want to learn more about Joomla template overrides read this article

install the Jquery Easy Plugin
put com_jea template override files into templates/yoo_master/html/ directory
put mod_jea_search template override files into templates/yoo_master/html/ directory
put language files in components/com_jea/language/
make sure the file permissions are set to 644 and directory permissions are set to 755

Note: if you do not use the yootheme master template put the files in templates/YOUR_TEMPLATE/html/. You will have to tweak the CSS classes in the PHP source files that reference to yootheme css.

We are a small startup company, if you like what we are doing it would help us if you reference us.