Page tree
Skip to end of metadata
Go to start of metadata

Overview

Template is based on the Warp 7 framework which is fast and powerful template engine.

Template Configuration

Template settings can be accessed under Joomla backend template configuration:

Extensions -> Templates -> cd_propertyplan

Settings

Base settings has not been changed set to default.

Layouts

Sidebars columns are set to default:


Position Appereance

Modules

Modules styles has been set accordingly:

There are several styles available for each module. The basic ones are Box Primary and Box Secondary. For each module header additionally an icon can be set.

Modules Styles

Examples of the module styles set:

There are also other styles available. Please check template demo.

Logo must be placed in the logo position for the menu to be seen in the Menu position.

 

Logo custom HTML should be placed without any extra tags like <p> otherwise it may appear as two lines. Editor should not be used to place it, just plain HTML e.g.

<img src="images/logo.jpg" alt="logo" />

When using Editor additional <p></p> tags are being added causing additional height. 

 

Logo Small 

Logo small can be placed on the logo-small position to show on the mobile menu  

Responsive Menu

In order to make the menu responsive, create a copy of the main menu and place it in Off canvas position.

Slideshow FullScreen

Special template position has been created to display full width image/slideshow: Fullscreen. To place any content on the Fullscreen addionally Fullscreen-over can be used

For static background image use:

<div style="background-image: url("images/banner_main.jpg"); height: 750px;" class="tm-image uk-text-center"></div>

Fullscreen-Over Content

JomEstate search module under Fullscreen-Over position with style set to Blank under template modules configuration.

TOP-A Position

JomEstate Items module has been used on that position to display 4 listings.

BOTTOM-A

Social icons are Custom HTML module with content:

<div class="uk-text-center">

<h1>Get Connected</h2>
<h2>Everyone who wants to get connected with us regularly, do not hesitate, we are waiting for you!</h2>
<ul class="uk-grid uk-margin-top">

<li class="uk-width-medium-1-5"><a class="uk-social-link" href="#" target="_blank"><span class="uk-social-icon"><i class="uk-icon-twitter uk-icon-large"></i></span><h3 class="ut-social-title">Twitter</h3><span class="ut-social-info"> Follow us on Twitter </span></a></li>

<li class="uk-width-medium-1-5   "><a class="uk-social-link" href="#" target="_blank"><span class="uk-social-icon"><i class="uk-icon-facebook uk-icon-large"></i></span><h3 class="ut-social-title">Facebook</h3><span class="ut-social-info"> Join the Conversation </span></a></li>

<li class="uk-width-medium-1-5   "><a class="uk-social-link" href="#" target="_blank"><span class="uk-social-icon"><i class="uk-icon-google-plus uk-icon-large"></i></span><h3 class="ut-social-title">Google</h3><span class="ut-social-info"> Join Our Circle </span></a></li>

<li class="uk-width-medium-1-5   "><a class="uk-social-link" href="#" target="_blank"><span class="uk-social-icon"><i class="uk-icon-youtube uk-icon-large"></i></span><h3 class="ut-social-title">Youtube</h3><span class="ut-social-info"> View Exclusive Videos </span></a></li>

<li class="uk-width-medium-1-5   "><a class="uk-social-link" href="#" target="_blank"><span class="uk-social-icon"><i class="uk-icon-instagram uk-icon-large"></i></span><h3 class="ut-social-title">Instagram</h3><span class="ut-social-info"> Latest Images </span></a></li>
</ul>
</div>

BOTTOM-B

JomEstate Ajax Maps module has been placed on that position

 

LAYOUT SIDE BY SIDE

Under created menu under JomEstate settings tab a FULL-SCREEN layout needs to be chosen as per image:

Additionally template must be set in full width mode. It can be done by creating another profile and enable the full screen switch:

This new layout must be assigned for the created menu at the bottom of the page:

JomEstate Side Search

JomEstate Search module - layout filter has been placed on the side-offcanvas posiiton.

MAPS WIDE

In order to use this view you need to have an Ajax Map Search Module

Create an empty page with no content e.g. empty article and assign an Ajax Map Search Module for that menu, set Full Screen layout:

Additionally template must be set in Full Width Content mode. It can be done by creating another profile and enable the Full Width Content switch and Hide System Output:

This new layout must be assigned for the created menu at the bottom of the page:

 

  • No labels