CitiLights WordPress Documentation

The Documentation


CitiLights GENERAL


CitiLights Instruction

Firstly we would love to send our great thanks to you for purchasing Citilights – Real Estate WordPress Theme. Citilights is a premium responsive WordPress theme 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 theme viable functions such as Front-end submission, Membership Subscription, Google map integration, Advanced search, Property Featuring, dsIDXpress IDX Plugin 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.

WordPress Information

Before installing this theme, please make sure that you have a working WordPress version already installed. For further guides to install WordPress, please find in below useful links:

Download Theme Package

When our theme is purchased successfully from ThemeForest, you will need to download theme package to use. To download the package, please login to your ThemeForest account, navigate to “Downloads”, click the “Download” button in the left side of the theme, choose “All files & documentation” to download our theme package to your computer. The theme package includes:

Requirements for Citilights

To use Citilights theme, you must be running WordPress 4.6 or higher, PHP 5.6 or higher, and MySQL 5.6 or higher. Follow the checklist below to ensure that your host can work well with Citilights theme:

Recommend PHP Configuration Limits

When you are installing JobMonster theme, you can meet many issues such as: demo content fails when you are importing and other issues. They are related PHP Configuration limits. The best solution is that you need to increase the PHP limits. You can do this on your own or contact your hosting provider learn more about this:

Please follow THIS BLOG learn more about this.

Video Tutorial


How to Install CitiLights Theme.

How to Import CitiLights Sample Data

Configure Header Style Layout.

INSTALLATION


There are two ways to install theme. It belongs to the way you choose your preference.

Install Theme via WordPress

Note: If you see this message “Are You Sure You Want To Do This” when installing noo-citilight.zip file via WordPress, it means that you have an upload max file size limit.Try to install the theme via FTP instead, or contact your host to increase the limit.

Install Theme via FTP

How to install Citilights via FTP.

Plugin Installation

Here is the list of plugins that will come together with our theme when it is activated. It is recommended to install and activate these plugins based on your own need:

Import Demo Content

How To Import Citilights Demo Content

See guide to import a sample content into a WordPress blog in WordPress Codex.

Note: Not all the content in our demo will be included. Those files might be excluded from the content your can import:

import sample data import the content file step 3

Update Theme

Auto Update

Please follow these steps to update this theme automatically:

Manual Update

You can also update the new version in traditional way:

Basic Setting

If you’re new to WordPress, you’ll probably see that your site after importing data is completely different from our demo

It’s because some basic settings are needed on WordPress site. If you know where the issue is and how to fix it, please skip this section.

Setup Home Page

To assign Homepage please follow these steps:

Assign Menu

Please go to Appearance > Menus, then find Menu Settings > Theme Locations at the bottom.

Check the Primary Menu, then save it. This action will assign the menu “Main Menu” to the location Primary (the main menu) on our theme.

You can see more details at: http://codex.wordpress.org/Appearance_Menus_Screen

Change Permalink

Please go to Permalinks setting: Settings >Permalinks, then change the Common settings to Post name.

You can see more details at:http://codex.wordpress.org/Using_Permalinks. After these steps are done, your site will look like our demo, you can move on to process to build your content.

Agents & Membership


Adding new agent

To add a New Agent, go to Agents & Memberships>Add Agent

After everything is set, click Publish or Update the page.

Adding new membership Packages

To add a New Membership Package, go to Agents & Memberships>Membership Packages

CUSTOMIZER


All our theme options can be changed in our Customizer on the left side and live previewed instantly in previewed site on right side. With this intuitive interface, you can customize your website as you wish at your fingertips without writing a line of code.To start using Customizer in Admin Panel,navigate to Customizer you will be redirected to a live preview screen where you can change options on left side and preview your site on right side promptly. All your change will not be committed and viewed on your site until you click Save &Publish on top right of Customizer bar. You also are able to Export your setting in Customizer and Import to apply for other sites.

This section allows you to customize Footer Menu,Main Menu,One Page and View Location

Menus

Footer Menu:

Main Menu:

Properties


Settings

There are 6 tabs in Property settings.They are:

1.Property:

This section contains the following options:

2. Agent & Membership:

 

3. Contac & Email:

Options here will determine to changes display of contact and email form on Property page and Agents page.

contac &_email

4. Advanced Search:

This is a section in which you can customize the search filters and Advanced Search fields.

advanced_search

5.Google Map:

google_map

6. Nearbly Places:

nearby_places

Nearby Places Settings:

Walkscore API:

Custom Fields

Custom fields provide additional information about the property. They will appear in the Property detail section in Property Page on frontend, along with the default fields. You are free to add or remove any custom field.

custom_fields

To manage custom fields, go to Properties>Settings>Custom fields.

You can order fields using drag and drop. After everything is set, click Save Changes.

PAGE


Create New Page

create_new_page
 

Page Settings

We have created some specific CitiLights page settings which will help you to build splendid pages for your website. Follow the list of options below to see how they work:

POST


Create New Post

Follow these steps below to create blog post:
create_ post
 

Post Format

CitiLights supports 7 post formats. Follow these steps below to see the description of Post Formats and Global setting of Post.

WOOCOMMERCE PLUGIN


When WooCommerce plugin is installed in your WordPress website successfully, you are able to create online shop or product list page. Below is the guide to create Product or shop page using WooCommerce.

Create New Product

To create a new product, please follow these steps:

Shop Page

To set up a page as Shop page to show all products, create a new page. From admin panel, navigate to Woo Commerce > Settings

In Products tab, navigate to Display sub-tab on the top, here you can find your page from dropdown list to set as Shop page.

Product List Page

To set up a page as Product List page to show all products such as product list 2 columns, 3 columns, you can create a new page. Then, use Noo Product shortcode and configure options on this shortcode. This shortcode will help you to create Product list page.

CITILIGHTS SHORTCODE


Instead of writing lines of code to build elements, we built CitiLights with number of premade shortcodes that enable you to create many elements you see in our demo in fingertips.

By installing Visual Composer (the page builder plugin is integrated in the theme package), you will have the Visual Backend Editor where every shortcodes are displayed visually and easily generated with several clicks.

In addition to Default Visual Composer shortcodes, CitiLights comes with 17 specific shortcodes. To generate these shortcodes, go to Backend Editor, click the “+” icon to add shortcode.

Navigate to CitiLights Shortcodes to find a shortcode you want to use. You can add those shortcodes to any pages or posts for your own use.

CitiLights-shortcode

Below are a list of 17 shortcodes and their artributes:

shortcode

Noo Property Slide v2

This shortcode is used in creating Homepage

Detailed option:

Noo Box Contents

noo_box_contents

Detailed option:

Login Register

This shortcode is used to create Login/Register Page

Detail option:

Recent Properties

This shortcode is used in creating Home Page.

Detailed option:

Noo Call To Action

Detailed option:

Single Property

This shortcode is used to display single property

Detailed option:

Noo Testimonial

Detailed option:

Detailed option:

Noo Clients

Use this shortcode to register user.

Detailed option:

Noo Recent News

Use this shortcode to display recent posts on your page.

Detailed option:

Property Slider

Detailed option:

Noo City Information

Detailed option:

Noo Video Slider

Detailed option:

Recents Agents

This shortcode is used to show Agents section on Home page

Detailed option:

Use this shortcode to display search on the page

Detailed option:

Noo Counter

Use this shortcode to show counter on your VC shortcode page.

Detailed option:

Membership Packages

This shortcode is used to create Pricing Table page

Detailed option:

FOOTER


You are able to create footer with widget area and bottom bar. Both of these areas can be configured in Customizer on Footer tabs. You can add up to 4 columns into the widget area and customize by adding widgets you want.

footer1

SUPPORT


When you come to this section, we hope that you found all the information provided in this documentation helpful and you have finished installing and polishing your site as what you have imagined of. After reading carefully this guide, if you still need any helps, don’t hesitate to contact us at Noo Support Center. You will be asked to create an account if you are new to us and enter purchase code to post a topic for support. To get your purchase code, please login to your ThemeForest account, navigate to “Downloads”, click the “Download” button on the left side of our theme, choose “License Certificate” to download the license file where you can find the purchase code.

Please be noted to post a topic with your issues be clearly clarified. It is recommended you send us together with link of your site and your admin account. These will help to save time for both of us. Finally, please be patient. It will take us some time to check all the topics and we will solve topics from older to newest.

Hopefully, you will enjoy using JobMonster! Thank you for choosing our theme.