CitiLights – NooTheme

Map Property Page

Jessica — Tue, 26 Jul 2016 09:02:43 +0000

On this page, half of the content is Map and the rest part contains search bar and search results.

To create Compare Listings Page, enter title and choose Half-Map Property Template.

Compare Listings Page

Jessica — Tue, 26 Jul 2016 08:26:54 +0000

This page is used to show the compared information of property price, location, status, features, etc along properties

To compare properties, please click + icon/ compared properties will be shown on top of the list. Click on Compare button to see the detailed comparison. Notice that Compare Listings Page will only work properly if you click on Compare button to see the page.

To create Compare Listings Page, you can enter a title, choose Compare Listings Template and click on Publish button

My Favorites Page

Jessica — Tue, 26 Jul 2016 05:03:24 +0000

This page is used to show your favorite properties. To save a favorite property, you will click on heart icon (Add to favorites). To your favorite list, you can continue to click on that icon.

Creating My Favorites Page is very easy. You only need to enter title, choose Property Favorites Template and click Publish button

Search Property Result

Jessica — Wed, 27 Apr 2016 13:05:21 +0000

Creating Search Property Result is quite easy. Enter a title> Choose Search Property Results Template> Publish

Pricing Table Page

Jessica — Fri, 25 Dec 2015 04:59:12 +0000

Two shortcodes used in building Pricing Table Page are Row and Membership packages (Pricing Table)
Membership packages settings:
Featured Items: the number of Featured packages
Buttons Text: Enter text of the button

Login/Register Page

Jessica — Fri, 25 Dec 2015 04:12:14 +0000

There are two shortcodes used to create this page. They are Row and Login/Register shortcode
Mode: There are 3 kinds for you to select in the drop-down list. It can be Only login, Only register or both Login and Register
Login/Register Text: These options are used as description for the login/register form

Submit Page

Jessica — Fri, 25 Dec 2015 03:22:53 +0000

1. Submit Property Page

Enter title> on the right side, choose Agent Dashboard Submit in the drop-down list of Template > Publish

2. My Profile

Enter title> on the right side, choose Agent Dashboard Profile in the drop-down list of Template> Publish.

3. My Properties

Enter title> on the right side, choose Agent Dashboard in the drop-down list of Template> Publish.

Home Map

Jessica — Fri, 25 Dec 2015 02:29:09 +0000

1. Home Map Vertical

Shortcodes used to build Home Map Vertical are quite similar to those of Home Page. The difference is that Property Slider and Property Slide shortcodes are now replaced with Property Map & Search one.

Property Map & Search shortcode:
Title: Enter a title here
Source: Choose the data source which will be displayed
Map Height: You can set height of map here
Search Layout: The Search Form can be Vertical or Horizontal
Disable Map: Tick this box so that map will not be shown under the search form
Disable Search: Tick this box so that the Search Form will be hidden
Show Advanced (Amenities) Search: Tick this box to show Advanced Search

2. Home Map Horizontal

Likewise, Home Map Horizontal page also uses the same shortcodes as Home Map Vertical. Yet, Search Layout option in Property Map & Search shortcode now is Horizontal instead Vertical.

Visual Composer

Jessica — Thu, 24 Dec 2015 10:09:20 +0000

Visual composer is a drag and drop frontend and backend page builder plugin that equips you with more than 40 elements (also called shortcodes) to design your page with ease. In addition to these predefined elements, Citilights has 7 extra ones helping you to create many desirable pages. To generate the shortcodes, go to Backend Editor, click the “+” icon to add shortcode. Navigate to Citilights tab to find a shortcode you want to use. You can add those shortcodes to any pages or posts for your own use.

Note: In some cases, when you add an element and edit it, you should edit Row settings at the same time.

Row settings includes:

Using Container: if you check this box, container`s width will be 1170px.
Row stretch: In our demo, we set Default in this section. Besides Default, you can select Stretch row, Stretch row and content, stretch row and content (no paddings). If opting these ones, the whole content in Red row 2 will disappear when it is shown on the site.
Full height row: when you tick this box, row will be set to full height.
Use video background: If this box is checked, video will be used as row background.
Parallax: There are three options for you:
None: image without parallax effect
Simple: image with parallax effect. It means that the image will move when you let the mouse scroll on it
With fade: image with parallax effect but move effect of the image is not as clear as that of Simple style.
Note: Two options Use video background (tick this box) and Parallax (Simple and With fade) will avail in some cases. For example, if font color is white and you do not use video background or Simple/ With Fade Parallax then visitors of you site may find it difficult to read white words and phrases. You know, white words on white background. No one can figure out those words in this case!

CSS box: you can change width of padding, border and margin hereBackground color: opt color for background hereBelow background color section, you will have an option to upload the background image and opt styles of background image: theme default, cover, contain, no repeat and repeat.Cover: Scale the background image to be as large as possible so that the background area will be completely covered by the background image. Some parts of the background image may not be in view within the background positioning area.Contain: Scale the image to the largest size such that both its width and its height can fit inside the content area.No repeat: Size of the image will not change when it is placed in background area.Repeat: Size of the image will also be as same as that of the original one; however, then many replicates of this image will be established in background area.

1. Recent Properties

This shortcode is used in creating Home Page
Title: Enter a title here, for example, recent properties
Style: Grid, List, Slider or Featured Style

If you select Grid style and List Style then you will have the following options:
Show Layout Control: Choose Hide or Show grid/ list switching button
Show Pagination: Choose Show or Hide
Show: Choose All or Featured Property
Property Type: Select a Property type that will be show or leave blank to show all property types
Property Status: Select a Property Status that will be displayed or leave blank to show all property statuses
Similarly, you have some options like Property Label, Property Location and Property Sub-location
Number of properties to show: The number of properties is displayed per page
Sort properties by: Properties will be arranged in conformity with Featured, Date, Price, Name, Area or Random
Sort Direction: Decrement or Increment
Visibility: Opt All devices or a device on which Properties will be shown

If you select Slider and Featured style, you will have options:
Auto Play Slider: Tick this box so that Slider will automatically play
Slide Time, Slide Speed: Set Time and Speed of the Slide
Show: Choose All or Featured Property
Property Type: Select a Property type that will be show or leave blank to show all property types
Property Status: Select a Property Status that will be displayed or leave blank to show all property statuses
Similarly, you have some options like Property Label, Property Location and Property Sub-location
Number of properties to show: The number of properties is displayed per page
Sort properties by: Properties will be arranged in conformity with Featured, Date, Price, Name, Area or Random
Sort Direction: Decrement or Increment
Visibility: Opt All devices or a device on which Properties will be shown

3. Property Slider

This shortcode is used in creating Homepage
Animation: Slide or Fade
Slide Time/ Speed/ Height: set a number
Auto Play Slider: tick this box so that slider can be automatically played
Show Slide Indicator, Show Previous/ Next Navigation: Tick these boxes to show Slide Indicator, Previous/ Next Navigation.
Show Property Search: tick this box to show search below Slider
Show Advanced (Amenities) Search: check this box to show Advanced Search
Search Info Title: Give a title
Search Info content: give a content

4. Recent Agents

This shortcode is used to show Agents section on Home page
Title: Give a title here
Number: The number of Agents is shown

5. Membership packages (Pricing Table)

This shortcode is used to create Pricing Table page
Featured Items: the number of Featured packages
Buttons Text: Enter text of the button

6. Login/Register

This shortcode is used to create Login/Register Page
Mode: There are 3 kinds for you to select in the drop-down list. It can be Only login, Only register or both Login and Register
Login/Register Text: These options are used as description for the login/register form

7. Single Property

This shortcode is used to display single property
Title: Enter a title here
Property: Choose a property in the drop-down list
Style: Select a style in the drop-down list. The style can be featured , List or Grid item

Woocommerce pages

Jessica — Thu, 24 Dec 2015 06:55:50 +0000

After Woocommerce plugin is installed, the following pages will automatically be built:
• Cart
• Checkout
• My account
• Shop Page
Learn more about Woocommerce pages:http://docs.woothemes.com/document/woocommerce-pages/

Yet if it is unfortunate that those pages are not automatically created, you can do the following steps to build them:

1. Cart Page

• Navigate to Pages > Add New.
• Enter Title (Cart), paste this shortcode [woocommerce_cart] into content area of the page
• Opt Default Template in Page Attributes on the right side
• Click on Publish button

2. Checkout Page

• Navigate to Pages > Add New.
• Enter Title (Checkout), paste this shortcode [woocommerce_checkout] into content area of the page.
• Opt Default Template in Page Attributes on the right side.
• Click on Publish button

3. My Account

• Navigate to Pages > Add New.
• Enter Title (My Account), paste this shortcode [woocommerce_my_account] into content area of the page.
• Opt Default Template in Page Attributes on the right side.
• Click on Publish button

4. Shop Page

• Navigate to Pages > Add New
• Enter title, Shop
• Opt Default Template in Page Attributes on the right side.
• Click on Publish button

Import/Export settings

Jessica — Thu, 24 Dec 2015 06:48:26 +0000

All themes of NooTheme share the same theme settings structure so that you can export then import setting from one theme to another one conveniently.

Import Settings: Click Upload button then choose a JSON file (.json) from your computer to import setting to this theme. All the settings will be loaded for preview here and will not be saved until you click button “Save and Publish”.
Export Setting: Simply click Download button to export all your settings to a JSON file (.json). You then can use that file to restore theme settings to any theme of NooTheme.

Custom Code

Jessica — Thu, 24 Dec 2015 06:46:18 +0000

In this section you can add custom JavaScript and CSS to your site. You Google analytics tracking code should be added to Custom JavaScript field.