Lastest update: 09/24/2015
Citilights is a premium responsive Template dedicatedly crafted for Property listing portal, as well as Agent and Agency’s website. Understanding what online real estate business demands, we included in this template viable functions such as Front-end submission, Membership Subscription, Google map integration, Advanced search, Property Featuring support and more. To turn to the design, we make sure that it brings out premium look and feel to boost your credibility. Various property listing layouts are available and all are fully responsive. Whether you are building a Property Sales & Rentals website, or you are an agent/agency looking to expand your online presence, Citilights is the right fit for you. Ready to own the best looking real estate website around? Let’s scroll down. Full feature List
Helix 3 is a user-friendly, modern, highly customizable and easy to integrate solution to build your next joomla 3+ website based on your idea. Perfect to use as is or as a blank, genesis, start template development. You can refer more about Helix framework, please visit here
After install Citilights template, you have some basic configuration the below:
This is configuration for Basic tab
You can select Presets style for your site this here, also change color for background, text and Major that you want
It allows you to choose menu from available in your system. You can set type as Mega menu, Off Canvas, Dropdown.
Right now using Google Font is much easier and we also want to introduce our "Update Font List" feature. It allows you to refresh the list of available Google fonts. So if there are any new one, this button allows you to quickly update fonts with just one click, and they will be automatically added in to Helix 3 Framework which allows you to use them faster.
Typography settings allows you to choose font and its settings for popular HTML tags: body, h1, h2, h3, h4, h5, h6 and navigation. Subsets (like Latin Extended, Vietnamese is also no problem - just choose the character sets you want. Of course if they are available for selected font set. All settings are from template settings, so you have got now a simple and efficient way to embed Google fonts of your choosing to your website with a few clicks of your mouse.
Now, we will guide you create & configure this page and make it look like our demo site.
Create New Page by SP Page BuilderYou have install SP page Builder and create Home Page. SP Page Builder is a full responsive component (Joomla 3.x only) that allows you to easily create Joomla pages, add them into menu and display with useful and cool effects inside. Whether you’re a beginner, web designer or developer building commercial sites for clients or a business owner managing and maintaining your own website, SP builder’s flexibility and functionality means one thing: web content design made easy. It can be used for constructing unique-looking pages. Take full control over your Joomla 3.x site with our backend page builder extension. You can refer more about SP Page Builder, please visit here
Create a page as page homeAfter you install SP Page Builder, Please create new page following these steps:
The page Home on our demo that create by SP Page Builder
Configure for Login module
Show base information for user contact when access your site as email, phone
Please Go to Exensions/Template Manager/JUX_Citilights/Basic/Contact Information and set information for it
Citilights template requires that you upload your logo as an image file or use text. The logo can be any size and can fill up the full content area. Citilights is also retina ready devices.
To insert your logo, please go to Exensions/Template Manager/JUX_Citilights/Basic/Logo
Module style: Custom HTML Position: Call action
<div class="calling-info"> <i class="fa fa-mobile"></i> <div class="calling-desc"> CALL US NOW<br> <span><a href="tel:(+01)-793-7938">(+01)-793-7938</a></span> </div> </div>
Module style: JUX Real Estate Slideshow Position: slideshow
NOTE: If you use Module in SP Page Builder, You don't need select position for this module and assign it for Page that you want show in Menu item But when you don't use SP Page Builder, You have to select position and assign page for it.
You can create it in SP Page Builder
Citilights use JUX Real Estate Properties module that show
NOTE: Similar with Featured properties module
Citilights use SP Page Builder that show them.
Configuration for feature box
We use JUX Real Estate Our agents module that show Agents
Configuration for JUX Real Estate Our agents
Citilights use SP Page Builder that show them
Configuration in SP Page Builder
Use SP Page Builder that show testimonial
Configuration testimonial in SP Page Builder
Use SP Page Builder that show Client
Configuration client in SP Page Builder
Map Vertical style
Map Horizontal style
You show Properties by grid or List with sidebar or no sidebar as our demo:
List style with sidebar
Grid style with no sidebar
Create the content of JUX Real Estate
To have content of JUX Real Estate like our demo site, please follow these steps:
We use JUX Real Estate Search module with vertical layout, and JUX Real Estate properties. You can refer configuration before
JUX Real Estate Search Module
JUX Real Estate Properties module
NOTE: Similarly, you can do the same steps with other pages, such as Agents.
Guide How to create The article of Joomla
Example create an article for blog.
Guide how to create Search module
Guide how to create Article- Category module
Guide how to create Tags module
Create Contact Page by SP Page Builder page
<div class="contact_info"> <div class="text-block"> <h4>Contact Info</h4> </div> <div class="text-form"> <ul> <li><b>Address</b>376 Baker Str., NYC</li> <li>    <b>Phone</b>(+01)-486-2857</li> <li>      <b>Email</b>email@example.com</li> <li>         <b>Fax</b>(+01)-486-2858</li> <li><b>Website</b>http://citilights.com</li> </ul> </div> </div>
NOTE: Create other Page as our demo, Please Read the document of JUX Real Estate